Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/piovischioh/nextjs-blog-starter
This is a Next.js blog starter project building with modern tech stacks like TypeScript, Tailwind CSS and Contentlayer.
https://github.com/piovischioh/nextjs-blog-starter
blog contentlayer dark-mode giscus markdown mdx nextjs react tailwindcss typescript
Last synced: about 1 month ago
JSON representation
This is a Next.js blog starter project building with modern tech stacks like TypeScript, Tailwind CSS and Contentlayer.
- Host: GitHub
- URL: https://github.com/piovischioh/nextjs-blog-starter
- Owner: piovischioh
- License: mit
- Created: 2022-12-12T08:21:56.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-09T10:25:15.000Z (almost 2 years ago)
- Last Synced: 2024-09-27T12:23:35.605Z (about 2 months ago)
- Topics: blog, contentlayer, dark-mode, giscus, markdown, mdx, nextjs, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://piovischioh-nextjs-blog-starter.vercel.app
- Size: 137 KB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Nextjs Blog Starter
This is a [Next.js](https://nextjs.org/) blog starter project modified and optimized from [Kamigami55/nextjs-tailwind-contentlayer-blog-starter](https://github.com/Kamigami55/nextjs-tailwind-contentlayer-blog-starter) and [timlrx/tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog) building with modern tech stacks like TypeScript, Tailwind CSS and Contentlayer.
- [Demo](https://piovischioh-nextjs-blog-starter.vercel.app/)
## Features
- Writing posts in [github flavored markdown](https://github.github.com/gfm/) or JSX with [MDX](https://mdxjs.com/)
- Posts frontmatter and structure transforming by [Contentlayer](https://www.contentlayer.dev/)
- 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](https://tailwindcss.com/)
- Dark mode optimized with [next-themes](https://github.com/pacocoursey/next-themes) and [tailwindcss](https://tailwindcss.com/)
- Comment system by [giscus](https://giscus.app/)
- Auto generated RSS feed and sitemaps
- Managing SEO by [next-seo](https://github.com/garmeeh/next-seo)
## Compose
Run the following script to auto generate a new post.
```bash
npm run compose
# or
yarn compose
# or (recommend)
pnpm compose
```
## Development
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or (recommend)
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Deploy
Check on [timlrx/tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog#deploy)
## Licence
[MIT](./LICENSE)