Vue Templates Logo Vue Templates
Gp Vue Boilerplate screenshot

Gp Vue Boilerplate

Author Avatar Theme by Grabarzundpartner
Updated: 5 May 2025
129 Stars

Grabarz & Partner Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with vuejs.

Github Live Preview

Categories

Nuxt

Overview

The Grabarz & Partner Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with Vue.js.

Features

  • Browserslist support
    • Supports browsers listed as [x] > 1% in DE, [x] Firefox ESR, and [x] IE 11.
  • Image optimization
    • Optimizes jpg, png, and webp images.
  • SVG sprite generator
    • Generates SVG sprite and optimizes it.
  • Breakpoint
    • Global definition of breakpoints that can be accessed in JavaScript and PostCSS.
  • i18n (Internationalization)
    • Global language files and page files by language. Supports Vue block and a exclusive language reference loader “.lang”.
  • PWA (Progressive Web App)
    • Embedded module that is configurable by nuxt.config.js.
  • SEO
    • Sitemap generator and robots.txt generator.
  • Babel
    • Embedded browserslist support.
  • PostCSS
    • Embedded browserslist support and various plugins like postcss-preset-env, postcss-normalize, postcss-url, postcss-object-fit-images, etc.
  • Licenses
    • Extracts license information from the build.
  • Linter
    • Includes eslint, stylelint, and branchlint.
  • Versioning
    • Supports semantic release, git release version, npm release version, and changelog generator.
  • Continous integration
    • Supports vulnerability scanner using snyk and greenkeeper.
  • IDE (VSCode)
    • Includes recommended project extensions, custom project settings, and disabled prettier config.
  • Testing
    • Includes components and lazy loading of components using vue-lazy-hydration.

Installation

VSCode Editor

It is recommended to use the VSCode Editor. You can download it from here.

OSX

To install on OSX, follow these steps:

  • Install nvm by following the instructions here.
  • Open the workspace by config.code-workspace and install the recommended extensions.

Linux

To install on Linux, follow these steps:

  • Install nvm using the script from here.
  • Open the workspace by config.code-workspace and install the recommended extensions.

Windows

To install on Windows, follow these steps:

  • Install nvm from here.
  • Install the Git client from here.
  • Install Visual C++ 2015 Build Tools from here.
  • Install Rust from here.
  • Restart Windows.
  • Run command prompt as administrator.
  • Run boilerplate in dev-mode or production-build.

Summary

The Grabarz & Partner Boilerplate is a versatile front-end template for building web apps or sites with Vue.js. It offers a wide range of features including support for different browsers, image optimization, SVG sprite generation, internationalization, PWA support, SEO tools, code quality tools like linters, versioning and release management, continuous integration, and IDE integration. It also provides a quickstart guide for installation on different platforms.