Weekly Boilerplate 是一个精心设计的周刊网站模板,旨在为技术人员与非技术人员提供一个一键启动的周刊业务。
演示地址:https://weekly.weijunext.com
设计开发拆解文章:Next.js+MDX手撸周刊/博客网站
使用本模板的网站:
- J 实验室: https://weijunext.com/
- 信息差周刊: https://gapis.money/
- Developer.lulu 的个人博客: https://lulubiu.com/
- Tuntun Blog: https://me.tuntun.site/
Weekly Boilerplate 基于以下技术栈构建:
- Next.js – 前端
- MDX - 内容编写
- TailwindCSS – 样式
- Shadcn、NextUI – UI
- Giscus – 评论插件
- Google Analytics - 分析(如何使用?)
- Vercel - 托管
克隆仓库后,您需要复制 .env.example
文件来创建一个 .env
文件,并填写所需字段。
然后,在命令行中运行应用程序,它将在 http://localhost:3000
上可用。
npm run dev
使用 Vercel 部署:
- 周刊/博客的 SSG 渲染
- 文章索引
- 评论功能
- 搜索功能(部分)
- 搜索结果点击可跳转并滚动到选中位置
- 搜索结果每一条内容只显示一行
Full-Stack Engineer, Open-Source Next.js Artist & AI Enthusiast.
全栈工程师,Next.js 开源手艺人,AI降临派。
博客
Github
Twitter/X
Medium
掘金
知乎
微信交流群
如果这个项目对您有帮助,请给仓库点个star,能赞助一下就更好了👇