Vue Templates Logo Vue Templates
Meteor_vuetify screenshot

Meteor_vuetify

Author Avatar Theme by Hernanm0g
Updated: 8 Nov 2021
11 Stars

Meteor Vuetify Boilerplate. A la carte Working!!

Github

Categories

Meteor Vuetify

Overview

The Meteor + Vue + Vuetify + Auth0 Authentication + Vuex + Vue Router combination allows full-stack developers to rapidly deploy and deliver web applications. This setup includes Meteor as the back-end with DDP and Optimistic UI, Vue.js and Vuetify for the front-end, Auth0 for user authentication, Vuex for state management, and Vue Router for route management. With the additional features of A La Carte from Vuetify, SSR for fast page load, and Vue-meta for easy SEO management, this boilerplate provides a powerful and efficient solution for building real-time web apps.

Features

  • Meteor and its DDP + Optimistic UI for rapid deployment and server-side JavaScript programming.
  • Vue.js and Vuetify for fast and continuous software development with a great UI.
  • Vuetify’s A La Carte feature reduces the first bundle size and improves page load speed.
  • Auth0 provides a reliable authorization platform with various authentication options without the need to write additional code.
  • Vuex for state management in the application.
  • Vue Router for route management.
  • EventBus for event listening across components.
  • SSR implementation for fast page load and Vue-meta for easy SEO management.

Installation

  1. Install Meteor if it is not already installed.
  2. Clone the repository by running git clone https://github.com/Hernanm0g/meteor_vuetify.git in the terminal.
  3. Navigate to the cloned directory using cd meteor_vuetify.
  4. Edit the settings file by running cp settings.example.json settings.json and replace the parameters with your own.
  5. Install the required Node modules by running meteor npm install.
  6. Start Meteor by running npm start.
  7. Open the web app in your browser at http://localhost:3000.
  8. Follow the instructions in the app to set up Auth0 credentials.

Summary

The Meteor + Vue + Vuetify + Auth0 Authentication + Vuex + Vue Router combination provides a powerful toolset for full-stack developers to quickly build and deploy real-time web applications. With features such as A La Carte from Vuetify, SSR implementation, and Vue-meta for easy SEO management, this boilerplate offers an efficient solution for developing feature-rich and performant web apps.