Vue Templates Logo Vue Templates
Vueniverse screenshot

Vueniverse

Author Avatar Theme by Rlindskog
Updated: 25 Feb 2018
332 Stars

Full stack, user based, PWA, Vue template.

Github

Overview

Vueniverse is a Progressive Web Application (PWA) that boasts a perfect 100/100 score on the Lighthouse PWA test. It leverages universal ES2015 JavaScript to eliminate the need for context switching between client and server code. The framework offers a REST API, complete with user authentication using JWT, Redis blacklisting, and MongoDB. Vueniverse also features client-side routing, server-side rendering, and global state management thanks to Vuejs and Nuxtjs. The web development process is made easier with an abstracted WebPack build process and universal hot module replacement. The project is ready for deployment with NOW and even includes a live demo for users to try out the application.

Features

  • Progressive Web Application (PWA) by default
  • Perfect 100/100 score on the Lighthouse PWA test
  • Universal ES2015 JavaScript for seamless transition between client and server code
  • REST API with full user authentication using JWT, Redis blacklisting, and MongoDB
  • Client-side routing, server-side rendering, and global state management with Vuejs and Nuxtjs
  • Abstracted WebPack build process
  • Universal hot module replacement for smooth development experience
  • Deployment-ready with NOW

Installation

To install Vueniverse, follow these steps:

  1. Ensure that vue-cli is installed.
  2. Create a project.
  3. Start a MongoDB database locally.
  4. Stop the MongoDB database locally.
  5. Run in development mode.
  6. Build for production.
  7. Run in production mode.
  8. Stop production running.
  9. Start a Redis database locally if you chose the Redis session option.
  10. Install the necessary dependencies.
  11. Run the application.
  12. Deploy with NOW.

To set up the necessary database and session stores, make sure to follow the instructions provided in the Vueniverse documentation.

Summary

Vueniverse is an advanced web application that embraces the power of progressive web technologies. With its strong emphasis on performance, security, and developer experience, Vueniverse provides a complete solution for building modern web applications. Its seamless integration of Vuejs and Nuxtjs allows for efficient development and deployment, while its support for REST API, user authentication, and global state management eases the creation of robust and scalable applications. Whether you’re a seasoned developer or a beginner, Vueniverse is a solid choice for your next web project.