liva-nextjs — Next.js 博客模板

SHA-256: 34217ffa722f224739d4bab9e7f949fd7372e25a05fc0309b3aa1d479cd6fe97

2026-10-11T20:20:20.251Z

<h1 align=center>Liva for Next.js</h1>

<h2 align="center">Next.js 14, React 18, TypeScript 5, Biome, Bootstrap 5, MDX blog template</h2>

<hr />

<p align=center>Liva is a modern and fully customizable minimal blog theme that will help you create any kind of website whether that's personal, travel, news, photography, tech, food, or other niches. </p>

<h2 align="center"> <a target="_blank" href="https://liva-nextjs.vercel.app/" rel="nofollow">👀Demo</a> | <a  target="_blank" href="https://pagespeed.web.dev/analysis/https-liva-nextjs-vercel-app/z92dano7nx?form_factor=mobile">Page Speed (Mobile)</a>
</h2>

<p align=center>
  <img src="https://img.shields.io/static/v1?label=Next.js&message=14.2.18&color=0070f3&logo=next.js" alt="Next.js 14.2.18" />

  <img src="https://img.shields.io/static/v1?label=React&message=18.2.0&color=148eca&logo=react" alt="React 18.2.0" />

  <img src="https://img.shields.io/github/license/artabr/liva-nextjs" alt="license" />
</p>


<p align="center">
  <img src="https://user-images.githubusercontent.com/37659754/67829978-3984f800-fb03-11e9-82d2-a38490c6ceaf.gif" width="100%" alt="Liva Blog template by themefisher">
</p>


## Overview

Originally Liva was created as a blog template for Hugo by [Gethugothemes](https://gethugothemes.com).

I loved its minimal, clean, and modern design and decided to port it to the [Next.js](https://nextjs.org/) to make it more accessible to the community.

It is a simple yet powerful template that is easy to use and customize.


## 🔑Key Features
- [x] 📄 6+ Pre-Designed Pages
- [x] 🅱️ Bootstrap Based
- [x] ✉️ Contact form support
- [x] 🚀 Google Page Speed optimized
- [x] 👮‍♂️ Biome for formatting and linting

## 📄6+ Pre-Designed Pages

- [x] ℹ️ About Page
- [x] 📄 Post Page
- [x] 📝 Post Single Page
- [x] 🗂️ Categories Page
- [x] 📄 Categories Single Page
- [x] 📞 Contact Page


## Removal of Eslint and Prettier

This project uses [Biome](https://biomejs.dev) for formatting and linting.

I found out that Biome gives the same functionality as Eslint and Prettier but in a more modern and efficient way.

It's faster and easier to use - you don't need to configure anything, just run `npx @biomejs/biome init` and you're good to go.

Eslint and Prettier with their configuration files and plugins on this project provided the same functionality as Biome does out of the box.

I completely removed Eslint and Prettier from the project and plan to use Biome in the future for all my projects.


## 🔧Local development

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

<!-- reporting issue -->
## 🐞Reporting Issues

We use GitHub Issues as the official bug tracker for the liva Template. Please Search [existing
issues](https://github.com/artabr/liva-nextjs/issues). Someone may have already reported the same problem.
If your problem or idea has not been addressed yet, feel free to [open a new
issue](https://github.com/artabr/liva-nextjs/issues).

<!-- licence -->
## 📄License

Copyright &copy; Designed by [Themefisher](https://themefisher.com) & Developed by
[Gethugothemes](https://gethugothemes.com)

Ported to Next.js by [Art Abramov](https://github.com/artabr)

**Code License:** Released under the [MIT](https://github.com/artabr/liva-nextjs/blob/master/LICENSE) license.

**Image license:** The images are only for demonstration purposes. They have their licenses. We don't have permission to
share those images.

<!-- resources -->
## 🙏Special Thanks

- [Bootstrap](https://getbootstrap.com)
- [Themify Icons](https://themify.me/themify-icons)
- [Google Fonts](https://fonts.google.com/)
- [All Contributors](https://github.com/artabr/liva-nextjs/graphs/contributors)