Nuxt boilerplate with Element (custom theme) and Vue Apollo

Overview

Nuxt.js boilerplate

What's included

  • Nuxt
  • Vue Apollo
  • Element UI (with custom theme)
  • PWA module
  • Eslint (Airbnb styleguide)

Build Setup

# install dependencies
$ npm install # Or yarn install

# install Element CLI Theme Tool
$ npm install element-theme -g

# change element-variables.scss file with the colors of your project and then
$ et

# after theme is build, import the custom theme at
# ~/plugins/element-ui.js

# serve with hot reload at localhost:3000
# service worker is disabled in dev
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout the Nuxt.js docs.

You might also like...
Boilerplate application for Electron runtime

electron-boilerplate-vue Comprehensive boilerplate application for Electron runtime and Vue.js. This project is based on vue-templates/webpack and the

Storyblok - JavaScript - VueJS Boilerplate

vuejs-boilerplate for Storyblok A Storyblok boilerplate with vuejs to simply start your website with us. Imagine you have a single page application an

:crystal_ball: VueJS + Express + GraphQL Boilerplate

Vuexpresso Vuexpresso is a skeleton app that uses the new techs like vue, vuex, graphql, webpack, apollo, between others (See complete list below). Ma

NuxtJS boilerplate with JWT authentication
NuxtJS boilerplate with JWT authentication

nuxtjs-otp-boilerplate Introduction A project aimed to eliminate several architecture decisions. This boilerplate comes with NuxtJS, ExpressJS, Vuetif

A custom button for Bard in Statamic 3 to allow a span with a class to be added to selected text. In this instance, Les Mills group fitness class types.

This is an example Bard addon for Statamic 3 that adds a span with a class to selected content. In this example, you can select from a number of Les Mills group fitness classes.

Simple chart page that uses Element UI, Vue Router and Vue Chart

vue-chart-starter-kit Simple chart page that uses Element UI, Vue Router and Vue Chart Demo Build Setup # install dependencies npm install # serve wi

Comics and Illustration Portfolio Website for Carly Shooster - made using Nuxt.js and TailwindCSS

Comics and Illustration Portfolio Website for Carly Shooster - made using Nuxt.js and TailwindCSS

laravel5.5和vue.js结合的前后端分离项目模板,后端使用了laravel的LTS版本(5.5),前端使用了流行的vue-element-template项目。作为程序的起点,可以直接以此为基础来进行业务扩展。模板内容包括基础的用户管理和权限管理、日志管理、集成第三方登录,整合laravel-echo-server 实现了websocket 做到了消息的实时推送,并在此基础上,实现了聊天室和客服功能。权限管理包括后端Token认证和前端vue.js的动态权限,解决了前后端完整分离的情况下,vue.js的认证与权限相关的痛点,已在本人的多个项目中集成使用。 🎧 A SoundCloud client built with Vue and Nuxt
🎧 A SoundCloud client built with Vue and Nuxt

🎧 Vue SoundCloud Simple SoundCloud client built with Vue and Nuxt. NOTE: It seems that SoundCloud has revoked my api client keys without any explanat

Owner
Johnny Cavalcante
Front-end Developer, now Co-founder and Head of Product @ Cotabox
Johnny Cavalcante
Laravel and Nuxt.js boilerplate

Laravel + Nuxt.js Boilerplate What is included NUXT front end, a progressive Vue.js framework - v2.14.7 @nuxtjs/axios to communicate with our API - v5

kevin olson 412 Dec 29, 2022
Shopify theme development environment using Liquid, Vue and Tailwind CSS 🧪

Shopify Theme Lab Shopify Theme Lab is a customizable modular development environment for blazing-fast Shopify theme creation. By default, it's bundle

UI Crooks 629 Dec 31, 2022
A simple multipage and responsive Vue.js & TailwindCSS portfolio theme with dark mode.

Vuejs & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Vue.js v3 and TailwindCSS v2. This is a simple portfolio th

Nangialai Stoman 147 Jan 3, 2023
Cross-platform blog theme written in Vue

Candy 2 快速开始 现在没有什么办法可以快速开始使用这个主题,因为我还没做。 如果你真的想使用这个主题,请 Clone 下来并且修改 data.js 及相关模板文件。 功能特性 流畅的横向滚动体验(需要硬件条件支持) 自定义动态磁贴( 可以 只能编写代码与用户互动) 文章缓存 代码高亮 Git

null 88 Nov 6, 2022
A boilerplate for web applications using Vue.js and Firebase, ft. Webpack and ESLint.

vuefire-quickstart vuefire-quickstart makes web application development with Vue.js and Firebase simple, providing the required npm modules and helpfu

Samuel Roth 79 Dec 8, 2022
A Vue.js 2.x Boilerplate with Vuex, vue-router AND Bulma

Vue 2.x Boilerplate A Vue.js project with Vuex, vue-router AND Bulma Build Setup # install dependencies yarn # serve with hot reload at localhost:808

Hoony Chang 25 Jul 7, 2021
:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.

Laravel Vue Boilerplate A Laravel 6 Single Page Application boilerplate using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass and Pug with: A users

Alefe Souza 532 Dec 28, 2022
Vue boilerplate with TypeScript for developing small to large, easy to scale, single page applications.

vue-boilerplate Vue boilerplate with TypeScript for developing small to large, easy to scale, single page applications. Usage To get up and running ru

null 11 Oct 15, 2020
CION - Design system boilerplate for Vue.js

CION - Design system boilerplate for Vue.js CION is a design system build primarily for Vue.js applications. You can use it as a starting point for bu

Jörg Bayreuther 141 Nov 29, 2022
Large scale Vue.js application boilerplate

Vue.js boilerplate This boilerplate is built on the top of Vue CLI 3.0. This provides an architecture which helps to write a flexible & modular large

null 261 Dec 24, 2022