Next.js 完全に理解した

Next.js 完全に理解した

zenn初投稿。Next.js をはじめて触りました。

基本的に https://nextjs.org/docs をなぞりました。

npm とか yarn はインストール済みとします。

$ yarn create next-app
（中略）
✔ What is your project named? … 【プロジェクト名を入力】
（中略）

next コマンドは ./node_modules/.bin/ にインストールされるので、 packages.json をちょっといじっておくのが便利。

 {
   "name": "hogehoge-project",
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start"
+    "dev": "./node_modules/.bin/next dev",
+    "build": "./node_modules/.bin/next build",
+    "start": "./node_modules/.bin/next start"
   },
   "dependencies": {
     "next": "10.0.3",
     "react": "17.0.1",
     "react-dom": "17.0.1"
   }
 }

で、ビルドして表示。

$ npm run build
$ npm run start

Yay!!

ほぼ、zenn-cli での投稿感を試すだけのカンタン記事でした。