Yummy Admin

Free Admin Panel based on the Vue3 and Naive UI. fairly completed with beautiful design,RTL support and multilingual, State management using Pinia, TypeScript, MockServiceWorker, Cypress and easily Customizable.

🌏 Live Demo

Note: This project build using ViteSSE template and uses NaiveUI as Component Library.

Features

• ⚡️ Vue 3, Vite, pnpm, esbuild - born with fastness

• 🛒 eCommerce ready sections (products, category, orders, customers)

• 🎭 Supporting MockServiceWorker(MSW) and FakerJs to get production like data

• 🗂 File based routing

• 📦 Components auto importing

• 🍍 State Management via Pinia

• 📑 Layout system

• 🌍 MultiLanguage support using I18n

• ⚙️ Unit Testing with Vitest, E2E Testing with Cypress on GitHub Actions

• ☁️ Deploy on Netlify, zero-config

Try it now!

YummyAdmin requires Node >=18.18

Clone to local

npx degit https://github.com/doroudi/yummyadmin yummy-admin
cd yummy-admin
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Checklist

When you use this template, try follow the checklist to update your info properly

• Change the author name in LICENSE
• Change the title in locales/en.yaml
• Change the hostname in vite.config.ts
• Change the favicon in public
• Remove the .github folder which contains the funding info
• Clean up the READMEs and remove routes

And, enjoy :)

Development

Just run and visit http://localhost:7000

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated file in dist that ready to be served.

Deploy on Netlify

Go to Netlify and select your clone, OK along the way, and your App will be live in a minute.

Docker Production Build

First, build the vitesse image by opening the terminal in the project's root directory.

docker buildx build . -t yummyadmin:latest

Run the image and specify port mapping with the -p flag.

docker run --rm -it -p 8080:80 yummyadmin:latest