從頭開發一個Next API
首先,要建好環境,安裝Node.js
接下來,產生一個Next專案,如果使用VS Code,要先打開一個新的空資料夾,如果裡面有檔案會無法產生專案
新增一個terminal:
在terminal裡,執行
npx create-next-app .
接下來會問很多問題,建議使用預設值,有兩個例外:第一、API不需要使用Tailwind CSS,第二、由於採用App Router,所有的程式碼基本上都放在app目錄下,跟以前的寫法不同,所以,可以省略src目錄。
會在目前的資料夾中產生一個全新的next專案。
<aside> 💡 注意一下,因為我們是新的Next版本(第13版),也採用了App Router,所以,跟網路上舊教材的資料夾結構是不一樣的。。
</aside>
我們的程式會寫在app裡,在terminal裡利用以下指令啟動
npm run dev
打開瀏覽器就能看到
新版的next專案有不太一樣的寫法,我們在app底下,新增一個test資料夾,並且新增一個route.ts