https://github.com/ChangoMan/nextjs-mdx-blog
UPDATED to Next.js App Router! Starter template built with Contentlayer, MDX, shadcn-ui, and Tailwind CSS.
https://github.com/ChangoMan/nextjs-mdx-blog
mdx nextjs tailwindcss typescript
Last synced: 19 days ago
JSON representation
UPDATED to Next.js App Router! Starter template built with Contentlayer, MDX, shadcn-ui, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/ChangoMan/nextjs-mdx-blog
- Owner: ChangoMan
- Created: 2021-04-06T04:26:21.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-09-18T04:31:48.000Z (over 1 year ago)
- Last Synced: 2025-03-20T23:06:58.275Z (26 days ago)
- Topics: mdx, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://nextjs-typescript-mdx-blog.vercel.app
- Size: 1.01 MB
- Stars: 412
- Watchers: 4
- Forks: 168
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
- starred - ChangoMan/nextjs-mdx-blog - UPDATED to Next.js App Router! Starter template built with Contentlayer, MDX, shadcn-ui, and Tailwind CSS. (TypeScript)
- awesome-shadcn-ui - Link - 04-25 | (Boilerplates / Templates)
- awesome-shadcn-ui - nextjs-mdx-blog - Starter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS. (Boilerplates / Templates / Portfolios)
- awesome-shadcn-ui - nextjs-mdx-blog - Starter template built with Contentlayer, MDX, shadcn/ui, and Tailwind CSS. (Boilerplates / Templates / Portfolios)
README
# NextJS - MDX - shadcn-ui - Tailwind - Blog
**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](https://nextjs.org/docs/app)
- Content processing with [Contentlayer](https://www.contentlayer.dev/)
- Write posts with [MDX](https://mdxjs.com/)
- UI components with [shadcn-ui](https://ui.shadcn.com/)
- Style with [Tailwind CSS](https://tailwindcss.com/)
This Starter is **heavily** inspired by [Lee Robinson](https://github.com/leerob/leerob.io).
👀 [View the Live Demo](https://nextjs-typescript-mdx-blog.vercel.app/)
## Getting Started
```bash
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.