Nextjs Blog Starter
This is a Next.js blog starter project building with modern tech stacks like TypeScript, Tailwind CSS and Contentlayer.
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.
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
