ShadCn UI kit now on producthunt
Skip to content
UI Lib Blog

Top 8 Nuxtjs Boilerplates You Should Check Out In 2022

Are you looking for Nuxt boilerplates? You’ll find all the great ones here. In this blog, we will learn and find out all the major Nuxtjs boilerplates that you definitely need to check out in 2022.

nuxtjs boilerplate

Click HERE to learn about what is a boilerplate, evaluation points, the benefits of using one, when to use it, and the basic differences between a boilerplate and a starter kit.

Top Nuxtjs Boilerplates

The list below which we are about to showcase to you does not follow any particular order.

1. Front-End Boilerplates – Nuxtjs

This boilerplate includes all the latest and relevant technologies. The boilerplate includes Vue, Nuxt, TypeScript, Express, Linting, SASS, BEM (Non-Strict) + BEMIT. Before you start with the template, download or clone the boilerplate and make sure to install all the dependencies.

Install / Download GitHub

2. Electron Nuxt Boilerplate

It is a starter project boilerplate that combines Nuxtjs with Electron for rapid application development. The installation process requires Node Version 8 and an NPM version 4. Depending on the needs of your project, you may need to add additional modules to this boilerplate. You might want to include node-postgres to communicate with the PostgreSQL database, or material-ui to reuse react UI components.

GitHub

3. Nuxt CoreUI

Nuxt CoreUI is an unofficial Nuxt + Core UI project. It is a free project that allows you to use it for any Nuxtjs project. To use this project first you must need to install NodeJS and Vue CLI on your local machine. The rest of the information is in the link below.

GitHub

4. Laranuxt – Laravel + Nuxtjs Boilerplate

The Laranuxt is a Laravel and Nuxtjs open-source project. With the recent update, it now supports Nuxt v3. There are examples on GitHub that shows you examples of using Dark mode, authentication, and listing data. However, if you want Nuxt v2, you can visit this branch. It supports Laravel v9.7.0. Here, the API class provides helper functions to easily retrieve, update and remove data from your Laravel endpoints.

GitHub

5. Bolide – Nuxtjs Boilerplate

Boilde is an amazing Nuxtjs template that is from the Nuxt.js starter template. By using this boilerplate you can save your time from “yarn install”-ing the same packages over and over again. Everything is already here in the boilerplate and it is ready to shoot off within seconds after the installation. Moreover, the Bolide boilerplate has features like SEO friendly, automatically choosing and installing CSS, and a lot more.

GitHub

6. GP Vue Nuxt Boilerplate

Grabarz & Partner is a professional front-end boilerplate. It is for creating fast, robust, and adaptable web apps or sites using vuejs. If you want to QuickStart with this boilerplate, it is a suggestion that you use the VSCode Editor. To use the boilerplate, open the workspace with config.code-workspace. One can install all the necessary extensions via notification.

GitHub

7. Electron Nuxt – Nuxtjs Boilerplate

Electron Nuxt is an Electron & Nuxt.js / Vue.js quick start boilerplate with vue-cli scaffolding, electron-builder, unit/e2e testing, vue-devtools. So, this is a boilerplate for making electron applications built with vue / nuxt. In the boilerplate, you will find things like auto-updating, ES6/ES7 compilation, typescript support, and more.

GitHub

8. Nuxt Headless

Nuxt headless is a Nuxtjs + WordPress Rest API boilerplate. As it is boilerplate, it contains some defaults you may have to check out:

  • CORS – You should set this to work only on your website URL when in production or staging, work locally on your machine for dev.
  • Plugins and Theme – you can remove most of them. However, you’ll need ACF (a free version is OK) to make it work.

GitHub

Conclusion

Finally, it appears that your search for good Nuxtjs boilerplates has come to an end. It is important to select the right boilerplate, especially for scaling, future maintenance of the app or website, configuration setup, and so on. We wish you all the best with your future Nuxt projects.

Thank you for your time!

You Might Also Like These Articles

  1. Nextjs vs Nuxtjs: Which One Should You Use?
  2. Best NuxtJS Templates
  3. VueJS Boilerplates That You Shouldn’t Miss
  4. Free VueJS Admin Templates
  5. VS Code Extensions for Vue That You Cannot Miss

Comments are closed, but trackbacks and pingbacks are open.