Hukuryo-no-Blog
TOP 技術記事 Next.js プロジェクト作成手順

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のプロジェクトが作成されます。

以上になります。