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

UPDATED to Next.js App Router! Starter template built with Contentlayer, MDX, shadcn-ui, and Tailwind CSS.
https://github.com/ChangoMan/nextjs-typescript-mdx-blog

mdx nextjs tailwindcss typescript

Last synced: 10 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-typescript-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 (over 1 year ago)
• Last Synced: 2024-12-14T12:05:55.865Z (11 days ago)
• Topics: mdx, nextjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://nextjs-typescript-mdx-blog.vercel.app
• Size: 1.01 MB
• Stars: 396
• Watchers: 5
• Forks: 147
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• Awesome-NextJs - nextjs-typescript-mdx-blog - [demo](https://nextjs-typescript-mdx-blog.vercel.app/) (Nextjs 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.