next-mdx-tailwind

Next.js boilerplate to easily work with Markdown content styled with Tailwind.

---

Features

• Next.js 13 using the app folder beta
• TypeScript
• React 18, using Server Components when appropriate
• Tailwind CSS available globally, configured with the add-on @tailwindcss/typography to style Markdown automatically with beautiful defaults.
• Supports displaying markdown content using next-mdx-remote.
  • Supports Github Flavored Markdown
  • Supports syntax highlighting in code blocks through Rehype Highlight
  • Markdown files allow embedding React components in the flow of the document.
  • Supports embedding meta data in the Front Matter section of a post
• Uses pnpm as package manager
• Jest testing pre-configured
• Prettier
• Eslint

Getting Started

Make sure you have pnpm installed globally.

• pnpm i
• pnpm dev to launch the app locally