Skip to content

Liva is a modern minimal blog template for Next.js 14 ported from a popular Hugo theme.

License

Notifications You must be signed in to change notification settings

artabr/liva-nextjs

Repository files navigation

Liva for Next.js

Next.js 14, React 18, TypeScript 5, Biome, Bootstrap 5, MDX blog template


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.

Next.js 14.2.18 React 18.2.0 license

Liva Blog template by themefisher

Overview

Originally Liva was created as a blog template for Hugo by Gethugothemes.

I loved its minimal, clean, and modern design and decided to port it to the Next.js to make it more accessible to the community.

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

🔑Key Features

  • 📄 6+ Pre-Designed Pages
  • 🅱️ Bootstrap Based
  • ✉️ Contact form support
  • 🚀 Google Page Speed optimized
  • 👮‍♂️ Biome for formatting and linting

📄6+ Pre-Designed Pages

  • ℹ️ About Page
  • 📄 Post Page
  • 📝 Post Single Page
  • 🗂️ Categories Page
  • 📄 Categories Single Page
  • 📞 Contact Page

Removal of Eslint and Prettier

This project uses Biome 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:

npm run dev
# or
yarn dev
# or
pnpm dev

Open 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 to automatically optimize and load Inter, a custom Google Font.

🐞Reporting Issues

We use GitHub Issues as the official bug tracker for the liva Template. Please Search existing 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.

📄License

Copyright © Designed by Themefisher & Developed by Gethugothemes

Ported to Next.js by Art Abramov

Code License: Released under the MIT license.

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

🙏Special Thanks