Nextjs Blog Starter

This is a Next.js blog starter project modified and optimized from Kamigami55/nextjs-tailwind-contentlayer-blog-starter and timlrx/tailwind-nextjs-starter-blog building with modern tech stacks like TypeScript, Tailwind CSS and Contentlayer.

• Demo

Features

• Writing posts in github flavored markdown or JSX with MDX
• Posts frontmatter and structure transforming by Contentlayer
• Auto generated table of content in posts based on headings
• Optimized Code block with syntax highlighting, code title and copy utility
• Styling both blog and posts with tailwindcss
• Dark mode optimized with next-themes and tailwindcss
• Comment system by giscus
• Auto generated RSS feed and sitemaps
• Managing SEO by next-seo

Compose

Run the following script to auto generate a new post.

npm run compose
# or
yarn compose
# or (recommend)
pnpm compose

Development

First, run the development server:

npm run dev
# or
yarn dev
# or (recommend)
pnpm dev

Open http://localhost:3000 with your browser to see the result.

Deploy

Check on timlrx/tailwind-nextjs-starter-blog

Licence

MIT