next.js簡易入門

標籤：運行   bpa   客戶   oca   div   pac   擷取   通過   定義   

使用next.js，我們能像php一樣，通過js和react來建立可以伺服器端渲染的應用。next.js有以下特性：

• 預設伺服器端渲染
• 自動分割代碼以擷取更快的頁面載入速度
• 簡易的用戶端路由，基於頁面
• 開發環境使用webpack支援熱更新
• 可以由express或者其他nodejs服務端架構來實現服務端代碼
• 可以自訂babel和webpack設定

輸入以下命令來初始化項目：

mkdir blogcd blognpm init -ynpm install --save react react-dom nextmkdir pages

然後開啟package.json在script裡加上啟動指令碼：

{  "scripts": {    "dev": "next"  }}

然後運行指令碼可以啟動服務：

npm run dev

在瀏覽器開啟http://localhost:3000，這時候可以看到404頁面。

因為我們還沒有建立頁面，現在來建立第一個頁面。

 

next.js簡易入門