nextjs blog starter kit

Next JS Static 入門套件

透過@techhive.IO

實景拍攝

目錄

• 現場演示

• 入門

• 有用的命令

• 目標

• 特徵

• 學習資料

• 蟲

• 貢獻者

• 執照

入門

git clone --深度 1 https://github.com/techhiveIO/nextjs-blog-starter-kit my-projectcd my-project
rm -r .git
cp .env.example .env
npm 運行開發

確保在.env檔中輸入正確的值：

CONTENTFUL_SPACE=<your contentful space>
CONTENTFUL_TOKEN=<your contentful token>
PUBLIC_DOMAIN=<your domain name>

有用的命令

• dev - 在開發模式下啟動應用程式

• build - 在生產模式下建立應用程式

• start - 在生產模式下啟動應用程式

• export - 建立應用程式並將其匯出到靜態網站

• postexport - 執行 post-export.js 腳本，建立 sitemap.xml

• type-check - 打字稿的類型檢查

• format:write - 運行更漂亮以格式化整個程式碼庫（ .ts和.css ）

• lint - 使用 eslint 的 lints 項目，

• populate:contentful - 填入 Contentful CMS

目標

開發人員在實施新網站時通常希望有一個好的起點。有了這個入門工具包，開發人員可以實現一個新的博客，或者將其作為使用 NextJS 建立任何靜態網站的靈感。

特徵

• Next.Js 具有開箱即用的 Typescript 支持

• 開箱即用的靜態導出

• 與腳本內容整合以自動填充您的 CMS

• 透過 Netlify 和 Vercel（以前稱為 ZEIT）輕鬆整合和部署

• 客製化組件

• SEO 友好，帶有動態元標籤

• Google分析

• 針對速度和可擴展性進行了最佳化

• 每篇部落格文章的相關建議

堆疊

• Next.Js (V9+)

• 打字稿

• 網路化

• 內容豐富

學習資料

如何使用 NextJS 和 Contentful 建立強大的博客

讓您的部落格更聰明 - 如何實施建議

蟲

請確保在提交問題時填寫適當的欄位。我們的團隊將盡力盡快解決

貢獻者

想要開始使用 Next.Js 為開源做出貢獻嗎？

留下您的印記並加入不斷成長的貢獻者團隊！

首先查看未決問題清單並閱讀貢獻者指南

阿卜杜勒拉赫曼贊圖 ️ ？

阿里·埃爾-奧巴吉 ️ ？

執照

NextJS 靜態啟動器版權所有 © 2020 Techhive.IO LLC。它根據知識共享歸屬許可證分發。

techhive.io 的名稱和標誌是 techhive.io LLC 的商標。