建立新的 Next.js 應用程式

首先，請確保您的開發環境已準備就緒。

• 如果尚未安裝 Node.js，請從此處安裝。您需要 Node.js 版本 18 或更高版本。
• 本教學將使用您自己的文字編輯器和終端機應用程式。

如果您使用 Windows 系統，建議下載 Git for Windows 並使用內附的 Git Bash，它支援本教學中的 UNIX 專用指令。Windows Subsystem for Linux (WSL) 是另一個選擇。

建立 Next.js 應用程式

要建立 Next.js 應用程式，請開啟終端機，cd 進入您想建立應用程式的目錄，然後執行以下指令：

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/learn-starter"

底層使用的是名為 create-next-app 的工具，它會為您初始化 Next.js 應用程式。透過 --example 標記使用了此範本。

如果無法運作，請參考此頁面。

執行開發伺服器

現在您已有一個名為 nextjs-blog 的新目錄。請 cd 進入該目錄：

cd nextjs-blog

接著執行以下指令：

npm run dev

這會在連接埠 3000 上啟動您的 Next.js 應用程式的「開發伺服器 (development server)」（稍後會詳細說明）。

讓我們檢查是否運作正常。從瀏覽器開啟 http://localhost:3000。