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: about 1 month 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 (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-18T04:31:48.000Z (about 1 year ago)
• Last Synced: 2024-10-15T03:42:49.672Z (about 2 months ago)
• Topics: mdx, nextjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://nextjs-typescript-mdx-blog.vercel.app
• Size: 1.01 MB
• Stars: 385
• Watchers: 5
• Forks: 146
• 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 - 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. (Templates)
• awesome-shadcn-ui - nextjs-mdx-blog - Starter template built with Contentlayer,MDX,shadcn/ui,and Tailwind CSS. (Templates)

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.