https://github.com/imyuanli/next-blog

Driven by nextjs, shadcnui style blog template.
https://github.com/imyuanli/next-blog

blog blogtemplate mdx nextjs react shadcn-ui tailwindcss typescript

Last synced: 10 months ago
JSON representation

Driven by nextjs, shadcnui style blog template.

• Host: GitHub
• URL: https://github.com/imyuanli/next-blog
• Owner: imyuanli
• License: mit
• Created: 2023-09-14T07:16:57.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2025-02-28T03:42:05.000Z (over 1 year ago)
• Last Synced: 2025-02-28T11:19:50.063Z (over 1 year ago)
• Topics: blog, blogtemplate, mdx, nextjs, react, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://next-blog.imyuanli.cn/
• Size: 1.23 MB
• Stars: 45
• Watchers: 1
• Forks: 6
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-shadcnui - Github - blog.imyuanli.cn/) | ★48 | (Boilerplates & Starters)

README

          
# NextBlog

> ✅ **Tip**: I'm sorry, since I joined a new company, I was very busy with the initial work and didn't have extra time to improve the project.

>  When I have some free time, I will make a major version upgrade for it, and I will also bring another new project, so stay tuned.

 

A minimal, responsive, and easy-to-use blog template. 

![next-blog](https://socialify.git.ci/imyuanli/next-blog/image?description=1&font=Inter&forks=1&issues=1&language=1&logo=https%3A%2F%2Fnext-blog.imyuanli.cn%2F_next%2Fimage%3Furl%3D%252Flogo.png%26w%3D32%26q%3D100&name=1&owner=1&pattern=Brick%20Wall&stargazers=1&theme=Auto)

[Perview](https://next-blog.imyuanli.cn/) |

[Changelog](https://next-blog.imyuanli.cn/blog?tag=Features) |

![GitHub license](https://img.shields.io/github/license/imyuanli/next-blog)

## Introduction

NextBlog is **True simplicity rather than simplicity**✨, it is a minimal, responsive, and easy-to-use blog template ⚡.

Simple and clean, it is designed to place the reader's attention on what really matters: the content.

## Tech Stack

- [Next.js](https://nextjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [MDX](https://mdxjs.com/)

- [Shadcn-ui](https://ui.shadcn.com/)

- [Tailwind CSS](https://tailwindcss.com/)

## How to use?

NextBlog can be deployed with Vercel or Netlify, with a single click.

> PS: 如果你是国内用户的话,我推荐你使用 [Netlify](https://app.netlify.com/)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/imyuanli/next-blog)

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/imyuanli/next-blog)

Then you can clone the repository and run the following commands:

```bash

git clone

cd next-blog

npm install

npm run dev

```

You only need to modify the configuration file content and write articles.

- configuration file: `blog.config.ts`

- article file: `posts/*.mdx | posts/*.md`

## Features

1. [x] **Mobile responsive**

2. [x] **Comments**

3. [x] **Search**

4. [x] **SEO friendly**

5. [x] **Dark mode**

6. [x] **Tags**

7. [x] **Pagination**

8. [x] **remark and rehype plugins**

9. [x] **Syntax highlighting**

10.[x] **Subscribe**

    ...To be updated

If you have any ideas, please let me know.

## License

NextBlog is licensed under the MIT License.

The README.md file powered by [RMX](https://readme.imyuanli.cn/).