用途
新着
履歴
分類

React Next.jsを新規作成

React Next.jsを新規作成
Next.jsの最新版を作成を初めてやってみましょう。

開発したいディレクトを準備して、コマンドラインを準備しましょう。

npx create-next-app@latest

上記のコマンドをnodejsが動く環境で実行。GoGo。

Need to install the following packages:
  create-next-app@15.2.2
Ok to proceed? (y) 

確認されるので、yと打とう

What is your project named? › my-app

プロジェクト名を聞かれる。デフォルトで良ければエンター。

Would you like to use TypeScript? › No / Yes

TypeScriptを使うか聞かれるぞ yes

Would you like to use ESLint? › No / Yes

ESLintはコードをレビューしてくれるツールらしい。触れておこう。

Would you like to use Tailwind CSS? › No / Yes

Tailwind CSS なにそれ美味しそう

Would you like your code inside a `src/` directory? › No / Yes

そうしたほうがよいのなら従うぜ。

Would you like to use App Router? (recommended) › No / Yes

ルーティング機能を使ってみたいのでYes

Would you like to use Turbopack for `next dev`? › No / Yes

デフォルトNoだけどyesにしてしまった。

Would you like to customize the import alias (`@/*` by default)? › No / Yes

これだけはNoがアクティブなので、直感もNo。個人の好み。

完了するとこんな感じのディレクトリができます。

参考サイト:https://ja.react.dev/learn/start-a-new-react-project
公開 2025-03-12 15:50:51
更新 2025-03-12 16:22:14
このページの二次元コード
React Next.jsを新規作成

同じカテゴリーのサンプル

人気のサンプル

search -  category -  about
© 2025 kipure
Top