Vue Templates Logo Vue Templates
Starter Template Nuxt Vuetify Cms screenshot

Starter Template Nuxt Vuetify Cms

Author Avatar Theme by Baihakitanjung
Updated: 23 Jan 2023
12 Stars

Starter template Nuxt 2 and Vuetify, Service Pattern, Composition APi, default page like Login, Forgot Password, OTP Code, and Auth System using Nuxt Auth

Github Live Preview

Categories

Nuxt Scss Vuetify

Overview

The Starter Template Nuxt Vuetify CMS is a ready-to-use template for building web applications with Nuxt 2 and Vuetify. It incorporates features such as the Service Pattern, Composition API, default pages for login, forgot password, OTP code, and an authentication system using Nuxt Auth. The template is built with Nuxt 2, Nuxt Auth 5, Nuxt Axios, Nuxt DotEnv, Nuxt Composition API, Vuetify 2, Babel, Vue Loading Overlay, ESLint, Include Media, SASS, and Webpack 2.

Features

  • Nuxt 2: Includes the latest version of Nuxt framework.
  • Nuxt Auth: Implements an authentication system for user login, forgot password, and OTP code.
  • Nuxt Axios: Provides a wrapper for making HTTP calls using Axios.
  • Nuxt DotEnv: Allows the usage of environment variables in the application.
  • Nuxt Composition API: Utilizes the Composition API for developing Vue components.
  • Vuetify 2: Integrates Vuetify version 2 for creating a beautiful UI.
  • Babel: Transpiles JavaScript to ensure compatibility across different browsers.
  • Vue Loading Overlay: Adds loading overlays to indicate progress during async operations.
  • ESLint: Enforces code quality and style rules for better maintainability.
  • Include Media: Simplifies working with CSS media queries.
  • SASS: Allows the usage of SASS preprocessor for styling.
  • Webpack 2: Bundles and optimizes the application’s assets.
  • Yarn: Uses Yarn as the package manager for dependency management.

Installation

To install the Starter Template Nuxt Vuetify CMS, follow the steps below:

  1. Clone the repository:
git clone [repository_url]
  1. Change to the project directory:
cd [project_directory]
  1. Install dependencies using Yarn:
yarn install
  1. Start the development server:
yarn dev
  1. Open your browser and navigate to http://localhost:3000 to see the application.

Summary

The Starter Template Nuxt Vuetify CMS is a comprehensive template for developing web applications with Nuxt and Vuetify. It provides a set of essential features such as authentication, HTTP calls, and UI components, along with a structured folder organization. With this template, developers can quickly start building their applications without having to set up these features from scratch.