從頭開發一個Next API

首先,要建好環境,安裝Node.js

接下來,產生一個Next專案,如果使用VS Code,要先打開一個新的空資料夾,如果裡面有檔案會無法產生專案

Untitled

新增一個terminal:

Untitled

在terminal裡,執行

npx create-next-app .

接下來會問很多問題,建議使用預設值,有兩個例外:第一、API不需要使用Tailwind CSS,第二、由於採用App Router,所有的程式碼基本上都放在app目錄下,跟以前的寫法不同,所以,可以省略src目錄。

Untitled

會在目前的資料夾中產生一個全新的next專案。

<aside> 💡 注意一下,因為我們是新的Next版本(第13版),也採用了App Router,所以,跟網路上舊教材的資料夾結構是不一樣的。。

</aside>

Untitled

我們的程式會寫在app裡,在terminal裡利用以下指令啟動

npm run dev

打開瀏覽器就能看到

Untitled

API

新版的next專案有不太一樣的寫法,我們在app底下,新增一個test資料夾,並且新增一個route.ts

Untitled