基本介紹：
官方網(wǎng)址
Next.js是一個(gè)全椕愠眨框架赫模。其前端基于React，后端基于Node.js蒸矛。通過Node.js去溝通數(shù)據(jù)庫或是操作文件系統(tǒng)
眾所周知：React只負(fù)責(zé)頁面渲染瀑罗，其實(shí)不能成為一個(gè)框架胸嘴，或者最多稱為一個(gè)前端框架，Nextjs則是在React的基礎(chǔ)上斩祭，前后端都能編寫劣像，是一個(gè)真正的框架
下面我們用Nextjs來創(chuàng)建一個(gè)react項(xiàng)目！
前置環(huán)境準(zhǔn)備
node.js
在cmd中輸入：npm-v以檢查是否安裝了node.js摧玫，如果安裝了耳奕，跳過此步驟
如果未安裝，請(qǐng)閱讀我的這篇文章：【react項(xiàng)目】從零搭建react項(xiàng)目[nodejs安裝]
npx
npm5.2版本以后加入了npx命令诬像，裝了nodejs自己就有了
yarn（可選）
在cmd中輸入：yarn -v以檢查是否安裝了yarn屋群，如果安裝了，跳過此步驟
如果未安裝坏挠，請(qǐng)閱讀我的這篇文章：yarn與cnpm配置芍躏，vscode無法執(zhí)行指令解決方法
創(chuàng)建工程
依據(jù)模板創(chuàng)建項(xiàng)目項(xiàng)目
npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"
--example后面跟的參數(shù)是要作為模板的地址，此命令若是執(zhí)行成功降狠，則是把這個(gè)路徑下的項(xiàng)目拷下來作為基座
創(chuàng)建一個(gè)空項(xiàng)目
逛網(wǎng)寫的很詳細(xì)纸肉，沒必要贅述：官網(wǎng)創(chuàng)建空項(xiàng)目
js項(xiàng)目：npx create-next-app@latest或者yarn create next-app
ts項(xiàng)目：npx create-next-app@latest --typescript或者yarn create next-app --typescript
運(yùn)行
yarn dev
