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.