Adapted from the Nuxt2 project structure generated by Nuxt-CLI, retaining a usable starter form
NuxtVueStarter
nuxt2-lighthouse-boilerplate — Nuxt Starter Template
By alexandrecanijo
A Nuxt2-based starter template that aims for perfect Lighthouse scores in all four categories through streamlined configuration and webpack optimizations, with code centralized in the src/ directory.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Disables some non-essential Nuxt core features to reduce redundancy from default configuration
Adds HTTP2 (where conditions permit) and multiple webpack optimizations targeting first-screen loading
All code is centralized in the src/ directory, separating configuration from business code
The README provides four types of npm commands: development, build, production start, and static generation
Uses the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
This template is a Nuxt2 application starter, adapted from the default structure generated by Nuxt-CLI. The author states in the README that the goal is to provide a reusable starting point, avoiding repeated configuration each time a new Nuxt2 project is created, and by default it is tuned toward perfect Lighthouse scores.
In terms of implementation, the template disables some Nuxt core features that are enabled by default but not always needed, adds HTTP2 (where conditions permit) and several webpack optimizations to improve first-screen loading performance. All business code is placed under the src/ directory to separate it from configuration. The README lists four types of commands: development, build, production start, and static generation.
It should be noted that the README's Roadmap explicitly lists Lighthouse-CI, Cypress end-to-end testing, i18n, light/dark themes, and accessibility analysis as features not yet added, and the documentation is still incomplete. Therefore, the template currently provides a basic skeleton and build configuration, without the aforementioned extensions. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons require separate license verification.
NuxtVueStarter
Is it right for your project?
Use Cases
- Quickly setting up a Nuxt2 project skeleton without configuring build and optimization items from scratch
- Organizing default Nuxt2 configuration with reference to the four Lighthouse metrics
- Serving as a unified starting template for personal or team internal Nuxt2 applications
- Learning how to configure webpack optimizations and trim core features in Nuxt2
Suitable For
- Front-end developers using Nuxt2 and Vue
- Personal or small team projects needing a reusable Nuxt2 starting point
- Those seeking a basic configuration reference focused on first-screen loading and Lighthouse metrics
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Node.js and a package manager such as Yarn or NPM must be installed locally
- 2
Clone the repository via git clone, enter the directory, and run npm install to install dependencies
- 3
Use npm run dev to start the development server at localhost:3000
- 4
For build and deployment, use npm run build, npm run start, or npm run generate
- 5
Third-party assets such as demo images, fonts, and icons require separate license verification; external hosting and other services may incur additional charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets require separate license verification and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 69 / 100
- Technologies
- Nuxt · Vue
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2023-12-26
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: f5cccb21ee85c4855df886c590a6213b54675c34d64fefe6b8fd528f1cbadd55
2026-10-02T21:26:46.069Z
Source file / repository<div align="center"> <h1>Nuxt2 with 100 Lighthouse score</h1> </div> ## What A starting point and reusable Nuxt2 application, based on the one generated by Nuxt-CLI with all settings already setup up, with performance in mind, to achieve a 100% Lighthouse score. --- ## Why Generating a fresh setup of a Nuxt2 application is always a tedious process and by default, it won't achieve a good Lighthouse score. This project aims to speed up the process of starting up an application and trying to get a perfect Lighthouse score, with all the main features a medium/large application should have. --- ## How By setting up some Nuxt configs, removing all the clutter and still having a viable boilerplate. The goal is to have with every update a perfect 100 Lighthouse score. --- ## Table of contents - [Requirements](#requirements) - [Installation](#installation) - [Commands](#commands) - [Features](#features) - [Roadmap](#roadmap) - [Google Lighthouse score](#google-lighthouse-score) - [Licenses](#licenses) - [Inspiration](#inspiration) - [Want to contribute?](#want-to-contribute) --- ## Requirements The only tools you will need installed on your machine are: - Node.js - [Download and Install Node.js](https://nodejs.org/en/download/) - a package manager (Yarn or NPM) - [Download and Install Yarn](https://yarnpkg.com/getting-started/install) (NPM already comes bundle with Node.js) --- ## Installation Clone repository and run project locally: ```bash $ git clone https://github.com/alexandrecanijo/nuxt2-lighthouse-boilerplate.git # Clone project using HTTPS $ cd nuxt2-lighthouse-boilerplate # Change directory $ npm install # Install required dependencies ``` --- ## Commands Launch development server at localhost:3000 ``` $ npm run dev ``` Build for production ``` $ npm run build ``` Start the production server (after running the build command) ``` $ npm run start ``` Generate a static project ``` $ npm run generate ``` --- ## Features - Disabled core Nuxt features, that should only be enabled when needed - Enabled HTTP2 (if possible) and added a bunch of webpack optimizations to speed up first page impression - All code resides on `src/` directory --- ## Roadmap - Add Lighthouse-CI under Github Actions - Add Cypress integration and example e2e tests - Improve documentation - Add common features, i18n, light/dark theme, accessibility analysis, etc. --- ## Google Lighthouse score - Performance - 100 - Accessibility - 100 - Best practices - 100 - SEO - 100 --- ## Licenses This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details --- ## Inspiration Several articles and repositories inspired me to create this one, but the main goal was to have a starting point, for all my Nuxt apps. Here are some links that this project is based on: - https://github.com/larsdouweschuitema-nuxt/nuxt-boilerplate - https://dev.to/jacobandrewsky/performance-checklist-for-vue-and-nuxt-cog - https://github.com/harlan-zw/nuxt-webpack-optimisations --- ## Want to Contribute? Please check out [CONTRIBUTING.md](CONTRIBUTING.md).
Explore similar templates
Compare previews and descriptions within the same stack and category.
laravel-nuxt
A Laravel + Nuxt decoupled starter kit with built-in login, registration, email verification, password reset, and Socialite third-party login (GitHub example), switchable between SPA and SSR.
Nuxt · Starter
canvas
Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.
Nuxt · Portfolio
nuxt3-starter
A Nuxt 3 starter template generated by nuxi, preconfigured with UnoCSS, unplugin-icons, Pinia, and VueUse. It suits developers who need a quick Nuxt 3 project skeleton with atomic CSS and auto-import workflows, and is available under the MIT license.
Nuxt · Starter
starter
The official Nuxt starter template for Nuxt UI, based on Nuxt and Vue. It provides a runnable project skeleton, an online demo, and Nuxt UI installation documentation, with README commands for creating, installing, developing, building, and previewing.
Nuxt · Starter
bloggrify
Bloggrify is a Nuxt layer that turns Markdown files into a blog site, built on Nuxt Content with preconfigured analytics, newsletter, comments, SEO, RSS, and content components.
Nuxt · Blog
vitify-nuxt
Vitify Nuxt is an admin dashboard starter template built on Nuxt and Vuetify, featuring a drawer layout, automatic navigation and breadcrumbs, notification state, ECharts charts, theming and dark mode, and authentication via nuxt-auth-utils.
Nuxt · Admin dashboard