Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shivammodiin/nextvita

NextVita is a free Next Js boilerplate aimed for a 100% score in the lighthouse πŸš€ to get maximum benefits from the Google Core Web Vital SEO update.
https://github.com/shivammodiin/nextvita

boilerplate google-analytics lighthouse lighthouse-score lightweight mdx mdx-js nextjs template template-nextjs webvitals

Last synced: 4 months ago
JSON representation

NextVita is a free Next Js boilerplate aimed for a 100% score in the lighthouse πŸš€ to get maximum benefits from the Google Core Web Vital SEO update.

Awesome Lists containing this project

README

        

![NextVita Boilerplate](https://nextvita.vercel.app/static/images/banner.png)

# 100% Lighthouse Score Next JS Free Template

## Ready to go Next JS with attractive blue theme boilerplate

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fshivammodiin%2Fnextvita)
![GitHub last commit](https://img.shields.io/github/last-commit/shivammodiin/nextvita)
![GitHub repo size in bytes](https://img.shields.io/github/repo-size/shivammodiin/nextvita)
[![License](https://img.shields.io/github/license/shivammodiin/nextvita)](LICENSE)

NextVita is Next Js boilerplate aimed for 100% score in lighthouse πŸš€ to get maximum benefits from Google Core Web Vital SEO update.

## Features

![NextVita](https://nextvita.vercel.app/static/images/lighthouse.webp)

- πŸš€ 100% Lighthouse Score πŸ’―
- πŸ“ˆ Google Analytics Integrated
- Core Web Vital Report in the Google Analytics πŸ”—
- Blog from mdx file πŸ—ƒοΈ
- Able to use component πŸŽͺ in MDX file
- Class Less CSS to make your design hustle Features πŸ₯‡

> Like, if we don’t know anything about your website then obviously
> we don’t know that maybe it’s a really fast website.

> -- John Mueller

## Quick links

| | |
| ----------------- | ------------------------------------------------ |
| **Live Demo** | https://nextvita.vercel.app |
| **Git Repo** | https://github.com/shivammodiin/nextvita |
| **Issue Tracker** | https://github.com/shivammodiin/nextvita/issues |

## Tech

- Next Js - Build Website for Next Generation
- MVP css - Minimalist stylesheets for HTML elements
- MDX - To render component in MD file

## Installation

### Requirements

Node JS >= 10.0.0

### Running project locally

1. Clone and cd into project:

```
git clone https://github.com/shivammodiin/nextvita
cd nextvita
```

2. Install all dependencies

```
yarn install
```

or

```
npm install
```

3.Run the app in development mode

```
yarn dev
```

or

```
npm run dev
```

The application should be available at `http://localhost:3000`.
To build the project run `npm run build` and to start run `npm start` in production mode.

![Template Screenshot 1](https://nextvita.vercel.app/static/images/screenshot_1.png)

## Welcome Contributors

Want to improve NextVita? Feel free to submit your pull request or raise issue, we are welcoming all contributors.

1. You'll need a GitHub account.
2. Fork the [repository](https://github.com/shivammodiin/nextvita).
3. Pick an issue to work on from [issue tracker](https://github.com/shivammodiin/nextvita/issues).
4. Implement it.
5. Or add features or improve design.
6. Send merge request.
7. Star this project.
8. Become a hero!!

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome!

## License

NextVita is under [MIT License](LICENSE)