@larsdouweschuitema/nuxt-boilerplate NPM

Why?

Generating or manually installing a Nuxt application won't give you a perfect Google Lighthouse score by default and you might be asking yourself: How do I get a perfect score? We got you covered.

Prerequisites

Make sure you have installed all of the following prerequisites on your development machine:

Node.js - Download & Install Node.js
Yarn package manager - Download & Install Yarn

Installation

Clone repository and run project locally:

$ git clone git@github.com:larsdouweschuitema-nuxt/nuxt-config-boilerplate.git # Clone project using SSH
$ cd funda-clone # Change directory
$ yarn install # Install required dependencies

Commands

Launch development server

$ yarn dev

Build and optimize your application with webpack for production

$ yarn build

Start the production server (after running yarn build).

$ yarn start

Server deployment

Build and start application for Production purposes

$ yarn build
$ yarn start

Technology stack

High level framework nuxt
TypeScript @nuxt/types, @nuxt/typescript-build

Features

Disable unused core minimal Nuxt features
All client side code living in client/ directory

Google Lighthouse score

Performance - 100
Accessibility - 100
Best practices - 100
SEO - 100

For this boilerplate we are not including the Progressive Web App. You can add this yourself easily by installing @nuxtjs/pwa and creating static/ directory inside the client/ directory if you have enabled the service worker, which is enabled by default.