NextJS 14, Tailwind, Shadcn UI, MDX and Velite Blog

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

Learning Points

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

Credits

Much of the design of this project is taken from shadcn in his projects, such as shadcn/ui and Taxonomy