NeoMatrix-blog - An NextJS - MDX - shadcn-ui - Tailwind - Blog

Feats:

• light , dark & system theme mode toggle.

• Navigation Bar: auto-hide, and other awesome effects.

• Back to Top button: auto hide

Forked from: https://github.com/ChangoMan/nextjs-mdx-blog.git

Thanks to the authors, I learned a lot.

---

https://github.com/ChangoMan/nextjs-mdx-blog.git

UPDATED on 2023-08-22 to use Next.js App Router!

A Next.js starter template for your next blog or personal site. Built with:

• Next.js App Router
• Content processing with Contentlayer
• Write posts with MDX
• UI components with shadcn-ui
• Style with Tailwind CSS

This Starter is heavily inspired by Lee Robinson.

👀 View the Live Demo

Getting Started

git clone https://github.com/ChangoMan/nextjs-mdx-blog.git
cd nextjs-typescript-mdx-blog

npm install

npm run dev

Your new site will be up at http://localhost:3000/

Blog posts can be added to the posts directory, in the root folder.

Update the WEBSITE_HOST_URL when taking your site live. This lives in /src/lib/constants.ts

Make sure to update the sitemap.ts file, specifically the const routes if you add more pages to the website.