maxleiter.com

我的個人網站

入門

1. 安裝pnpm軟件包管理器：https：//pnpm.io/
2. 在項目目錄中運行pnpm
3. 運行pnpm dev以啟動本地開發人員服務器

環境變量

• GITHUB_TOKEN ：如果您想為項目獲取github星星，則有必要
• NEXT_PUBLIC_SUPABASE_URL ， SUPABASE_SERVICE_ROLE_KEY ， NEXT_PUBLIC_SUPABASE_ANON_KEY ：分析所需。有關更多信息，請參見https://maxleiter.com/blog/supabase-next-analytics
• 如果您想要在主頁底部的git提交哈希，則需要使用vercel託管或提供NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA env var var

用法：

• pnpm <command> ：
  • lint ：自動絨毛文件
  • dev ：通過實時重新加載啟動本地實例
  • rss ：生成RSS提要
  • build ：生成RSS飼料和生產地點
  • analyze ：生成一個捆綁包，您可以通過 @Next/bundle-Analyzer進行檢查
  • start ：啟動通過yarn build構建的生產實例

目錄結構：

• 應用程式
• components/ ：React組件
• data/ ：最終可以移動到數據庫或其他東西的靜態數據
• lib/ ：鉤子，第三方API東西，UTILS功能
• pages/頁面（渲染的實際路線）
• styles/ ：包含全球樣式
• pages/api ：NextJS API路由
• posts/ ：在構建時間渲染的降價文件
• public/ ：博客的圖像，favicon，構建文件
• scripts/ ：包含用於構建站點地圖和RSS feed的腳本