Skip to content

blog-boilerplate

Repo Link

此项目是因为我喜欢onur的博客风格而极速模仿的,所有有不少硬编码的地方,建议可以看看最后的onur的repo,代码很值得一读,也算是nextjs14,app-router下的最佳实践了。

IMPORTANT

这是一个并没完全搭建完的模板,项目内组件数据基本都是硬编码,若使用,请记得解藕组件渲染和数据,并不要硬编码~

样图

code1

code2

code3

code4

环境

我强烈建议使用以下环境:

  • node >= 20

Usage

  1. git clone https://github.com/newObjectccc/blog-boilerplate.git
  2. npm install
  3. npm run dev

技术栈

  • shadui
  • nextjs
  • framer-motion
  • platejs

deploy

vercel =>

preview

Inspiration

onur's blog

TODO

  • not-found.js in every page
  • opengraph-images.js in every page
  • loading.js
  • generateMetadata function in every page
  • supabase?
  • caddy?