Project

MDX Blog Template

A simple implementation of a markdown static blog.


MDX Blog template screenshot

MDX Blog Template is a simple implementation of a markdown static blog. Built with Next.js 14 and velite js

Features

  • MDX Components

  • Responsive design built using shadcn/ui and tailwindcss

  • Syntax Highlighting of code.

Used Technologies

  • Next.js: Harness the power of Next.js, leveraging its static site generation (SSG) capabilities to create a user interface.

  • shadcn/ui: Enhance your app's visual and interactive elements with components from shadcn/ui. These beautifully designed components can be seamlessly integrated into your application, offering accessibility, customizability, and open-source goodness.

  • Tailwind CSS: Employ Tailwind CSS for efficient styling, enabling rapid development through its utility-first approach and streamlined design workflow.

  • Markdown: MDX lets you use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content.

  • Velite: Velite is a tool for building type-safe data layer, turn Markdown / MDX, YAML, JSON, or other files into app's data layer with Zod schema.