Next.js Tailwind Contentlayer Blog

This is a Next.js Blog, based on modern frontend tech stacks like Next.js, Tailwind CSS, Contentlayer, i18Next.

Inspired and modified from timlrx/tailwind-nextjs-starter-blog

Demo

https://heidiliu2020-nextjs-blog.vercel.app/

Or scroll down to see the screenshots

Features

Next.js with Typescript
Writing with local Markdown / MDX files
Blazing fast performance
SEO friendly
Dark Mode
Command Palette
Comment system
Page transition progress bar
RSS Feed
Sitemap
Code syntax highlighting

Tech stack

Next.js: React meta-framework
Contentlayer: MDX processor
Tailwind CSS: CSS framework
next-i18next: localization
next-seo: SEO meta tags
kbar: command palette
giscus: comment system
nprogress: page transition progress bar
TypeScript
Eslint, Prettier

Getting Started

Start local server for development:

npm run dev

Screenshots

Home Page

Post Page

Command Palette