Performant and reusable Nuxt barebone boilerplate

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.

Table of contents

• Prerequisites
• Installation
• Commands
• Server deployment
• Technology stack
• Features
• Google Lighthouse score
• Licenses

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.

Licenses

This project is licensed under the MIT License - see the LICENSE file for details