Next.jsの「Hello, World」


今後、Next.jsが来そうですね。

もうとっくに来てると言ってもいいかもしれません。

Wordpressがなくなるわけではないと思うのですが、Next.jsに移行する人や会社は増えそうですよね。

私も使ってみたいので勉強し始めました。

プロジェクト作成

プロンプトやターミナルで以下を実行します。

npx create-next-app my-app

「my-app」のところを自分で名前をつけます。

プロジェクトを起動する

次にプロジェクトを起動します。

先ほど作ったディレクトリ(今回は「my-app」)に入ります。

cd my-app

そして、実行します。

npx next dev

または、以下でも大丈夫です。

npm run dev

実行したら、「http://localhost:3000/」にアクセスします。

実行すると以下のサンプルページが表示されます。

プロジェクトを終了する

終了するときは、「CTRL + C」をします。

これでNext.jsでの開発準備が完了です。


note