Next.js プロジェクト作成手順
Next.js×React2023/7/15
はじめに
Next.jsのプロジェクトの作成方法を書いていきます。
以下がドキュメントになります。
https://nextjs.org/docs/getting-started/installation
インストール
プロジェクトを作成するディレクトリに移動して、
以下のコマンドでプロジェクトを作成します。
npx create-next-app@latest
次にプロジェクトの詳細設定をしていきます。
これは、個人の自由で設定をすることができます。
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes // srcディレクトリを使うかどうかを選択する。(個人的には使わなくても大丈夫かなと思う)
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias? No / Yes
What import alias would you like configured? @/*
そうすると、移動したディレクトにNext.jsのプロジェクトが作成されます。
以上になります。