Skip to content

Latest commit

 

History

History
146 lines (95 loc) · 5.13 KB

README.md

File metadata and controls

146 lines (95 loc) · 5.13 KB

Vitify - Opinionated Vuetify Admin Starter Template

Vitify Nuxt

vue vuetify license

Vuetify 3 + Nuxt 3, Opinionated Admin Starter Template

Live Demo

Features


Admin Starter Template

  • 🪟 Default layout with drawer, header and footer

  • 🧭 Auto-generated navigation drawer and breadcrumbs based on routes

  • 🔔 Notification store

  • 📉 Data visualization with nuxt-echarts

  • 🎨 Theme color customization and dark mode

  • 📱 Responsive layout

  • 🛡️ Authentication backed-in using nuxt-auth-utils

Variants

Pre-packed

Nuxt Modules

  • Vuetify Nuxt Module - Zero-config Nuxt Module for Vuetify
  • VueUse - Collection of useful composition APIs
  • Pinia - Intuitive, type-safe, light and flexible Store for Vue
  • Nuxt Icon - Icon module for Nuxt with 200,000+ ready to use icons from Iconify
  • Nuxt ECharts - Nuxt module for Apache ECharts™
  • Nuxt Auth Utils - Minimalist Authentication module for Nuxt

Coding Style

Dev tools

Try it now!

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

npx degit kingyue737/vitify-nuxt my-vitify-app
cd my-vitify-app
pnpm i

Authentication Setup

You can switch to any OAuth Providers supported by Nuxt Auth Utils or write your own.

Create a GitHub OAuth Application with:

  • Homepage url: http://localhost:3000
  • Callback url: http://localhost:3000/api/auth/github

Add the variables in the .env file:

NUXT_OAUTH_GITHUB_CLIENT_ID="my-github-oauth-app-id"
NUXT_OAUTH_GITHUB_CLIENT_SECRET="my-github-oauth-app-secret"

To create sealed sessions, you also need to add NUXT_SESSION_SECRET in the .env with at least 32 characters:

NUXT_SESSION_SECRET=your-super-long-secret-for-session-encryption

Nuxt Auth Utils generates one for you when running Nuxt in development the first time if no NUXT_SESSION_PASSWORD is set.

Development

Start the development server on http://localhost:3000

pnpm run dev

License

MIT License