Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kamigami55/nextjs-tailwind-contentlayer-blog-starter
Blog starter template with modern frontend tech stack like Next.js, Tailwind CSS, Contentlayer, i18Next
https://github.com/kamigami55/nextjs-tailwind-contentlayer-blog-starter
blog contentlayer giscus i18next markdown mdx nextjs nprogress react tailwindcss typescript vercel
Last synced: 29 days ago
JSON representation
Blog starter template with modern frontend tech stack like Next.js, Tailwind CSS, Contentlayer, i18Next
- Host: GitHub
- URL: https://github.com/kamigami55/nextjs-tailwind-contentlayer-blog-starter
- Owner: Kamigami55
- Created: 2022-08-28T16:10:31.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-27T10:48:54.000Z (almost 2 years ago)
- Last Synced: 2024-10-10T01:41:04.647Z (29 days ago)
- Topics: blog, contentlayer, giscus, i18next, markdown, mdx, nextjs, nprogress, react, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://nextjs-tailwind-contentlayer-blog-starter.vercel.app/
- Size: 1.94 MB
- Stars: 75
- Watchers: 3
- Forks: 13
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Tailwind Contentlayer Blog Starter
Blog starter template with modern frontend tech stack like Next.js, Tailwind CSS, Contentlayer, i18Next
Inspired and modified from [timlrx/tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog)
## Demo
[https://nextjs-tailwind-contentlayer-blog-starter.vercel.app/](https://nextjs-tailwind-contentlayer-blog-starter.vercel.app/)
Or scroll down to see the [screenshots](#screenshots)
## Features
- 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](https://nextjs.org/): React meta framework
- [Contentlayer](https://github.com/contentlayerdev/contentlayer): MDX processor
- [Tailwind CSS](https://tailwindcss.com/): CSS framework
- [next-i18next](https://github.com/i18next/next-i18next): localization
- [next-seo](https://github.com/garmeeh/next-seo#news-article): SEO meta tags
- [kbar](https://github.com/timc1/kbar): command palette
- [giscus](https://github.com/giscus/giscus): comment system
- [nprogress](https://github.com/rstacruz/nprogress): page transition progress bar
- TypeScript
- Eslint, Prettier
## Getting Started
Start local server for development:
```bash
pnpm dev
```
## Screenshots
### Home Page
### Post Page
## Command Palette
