Next.jsで最新のプロジェクトを作成する方法

2024-02-08 07:42 Next.js プロジェクト作成 コード例

  1. Node.jsのインストール: Next.jsを使用するには、まずNode.jsをインストールする必要があります。公式のNode.jsウェブサイト（https://nodejs.org）から最新の安定版をダウンロードしてインストールしてください。

  2. Next.jsのインストール: ターミナルまたはコマンドプロンプトを開き、次のコマンドを実行してNext.jsをグローバルにインストールします。

npm install -g create-next-app
  1. プロジェクトの作成: プロジェクトを作成するディレクトリに移動し、次のコマンドを実行して新しいNext.jsプロジェクトを作成します。
npx create-next-app my-next-app

上記のコマンドでは、"my-next-app"はプロジェクトの名前です。適宜変更してください。

  1. プロジェクトの実行: プロジェクトのディレクトリに移動し、次のコマンドを実行してNext.jsサーバーを起動します。
cd my-next-app
npm run dev

これにより、Next.jsアプリケーションがローカルで実行され、ブラウザで http://localhost:3000 にアクセスすると確認できます。

以上がNext.jsで最新のプロジェクトを作成する基本的な手順です。必要に応じてプロジェクトの設定やカスタマイズを行い、開発を進めてください。