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的脚本