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

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

YouTube

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.#

Credits

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