haruki_dayo
@haruki_dayo

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

Next.jsの環境構築について

Next.jsの環境構築のやり方がYouTubeやGoogleなど調べてもよく分からなくてできないです。

コマンドプロンプトで node -v と入力したらv18.17.0と出るのでダウンロードはできてると思うんですがこの後のやり方が色々調べてもよく分かりません。
どうすればよいのでしょうか??
有識者の方教えていただきたいです

0

2Answer

'node -v' というコマンドを入力したとき、バージョン番号が表示されるため、Node.jsが正しくインストールされていることを意味します。次に、次の手順を実行する必要があります。

  1. 新しいNext.jsプロジェクトを作成します:コマンドプロンプトで、Next.jsプロジェクトを作成したいディレクトリに移動します。
npx create-next-app my-next-app
cd my-next-app
  1. 開発サーバーを起動します:次のコマンドを実行して、Next.jsの開発サーバーを起動します。
npm run dev
  1. ブラウザを開きます:Next.jsは http://localhost:3000 で実行されます。ブラウザを開き、このURLにアクセスしてNext.jsアプリを確認してください。
0Like

Comments

  1. @haruki_dayo

    Questioner

    新しいNext.jsプロジェクトを作成っていうのは、デスクトップにフォルダを新規作成することで合ってますか??

前の方に補足しておきます。
userアカウントでデスクトップに作成する例です

C:\Users\user\OneDrive\デスクトップ>npx create-next-app my-next-app

スクリーンショット 2023-07-31 021853.png

結果


C:\Users\user\OneDrive\デスクトップ/
|-- my-next-app
|   |-- node_modules
|   |-- public
|   |-- .next
|   |-- その他のファイル

コマンドプロントで実行時に開いているディレクトリにmy-next-appフォルダが作成されます。
スクリーンショット 2023-07-31 021908.png
スクリーンショット 2023-07-31 021918.png
詳しいことはこちらの公式ドキュメント(英語)に記載されています
https://nextjs.org/docs/getting-started/installation

0Like

Your answer might help someone💌