In this repo is a simple implementation of a markdown static blog, a demo can be seen here, Features include:
- MDX Components
- Shadcn UI
- Pagination
- Dynamic Open Graph Image
- Syntax Highlighting in code block
Hopefully, from this project and the video, you can learn:
- NextJS 14 basics (layouts, app router etc)
- NextJS SEO
- NextJS Dynamic Graph Images
- Velite Setup and usage
- Shadcn/ui setup and usage
- Custom components in MDX
- Tailwind styling
You can follow along with me as we build this on YouTube. The commits will line up with the GitHub chapters so you can easily see what changed in each section.
Much of the design of this project is taken from shadcn in his projects, such as shadcn/ui and Taxonomy