Webpack Everything screenshot

Webpack Everything

Author Avatar Theme by Narkoleptika
Updated: 9 Mar 2018
19 Stars

Vue cli template with webpack, vuex, vue router, eslint, image compression, graphql, apollo, server side rendering, code splitting and progressive web app (PWA) capabilities

Overview

The Webpack Everything template offers an impressive starting point for Vue.js projects, blending advanced features with ease of use. Built around webpack, this template is designed for developers who want to take advantage of server-side rendering (SSR), route level code splitting, and PWA capabilities. With built-in support for Apollo and GraphQL, building dynamic data-driven applications has never been easier. Just remember that SSL is a requirement in production, ensuring your applications maintain security.

Getting started is hassle-free, with a development server featuring hot module replacement (HMR) running automatically. The choice of preprocessors, like Stylus and SCSS, adds a layer of flexibility that accommodates various styling preferences, making the Webpack Everything template an appealing choice for modern web development.

Features

  • SSR and HMR: Enjoy server-side rendering and hot module replacement out of the box, optimizing both development and production environments.

  • Apollo + GraphQL Integration: Optionally include a GraphQL server with Apollo for seamless data management and API interactions within your Vue applications.

  • Preprocessor Options: Choose from Stylus or SCSS, allowing you to tailor your styling workflow to fit your needs and preferences.

  • ESLint Support: Integrate ESLint with eslint-loader, displaying lint errors directly in your development environment to maintain code quality.

  • Bundle Analyzer: Utilize webpack-bundle-analyzer to generate detailed reports of your project’s output chunks, aiding in performance optimization.

  • SSL Requirements: Ensures that all applications run securely in production with SSL, keeping user data safe and enabling service worker functionality.

  • Environment Variable Flexibility: A wide range of environment variables allows for easy configuration of production settings, especially when using Apollo and GraphQL.

  • Localhost Testing: Easily test SSL configurations with self-signed certificates, ensuring that the production environment runs smoothly before going live.