This a simple starter template for Chakra + Next13 + MDX blog. Live demo is available here.
- Posts as
.mdx
directly in the repo with working fast refresh - SEO optimized with SSR, Meta and OG tags
- 100s on Lighthouse Page insights
- Integrated with Chakra UI and Next13 App router
- Responsive design based on Chakra template
npm i
npm run dev
Open http://localhost:3000 with your browser to see the result.
All posts are stored in /app/posts
directory. You can just create new mdx files there. The code assumes the format of the header stays the same.
You can start by reading a tutorial at https://www.uprightly.app/blog/fast-blog and then following the commit history to understand how we got into this state.
Currently used on www.uprightly.app.