YummyAdmin

Vue 3 and Naive UI-based Admin Panel. almost complete, with supporting RTL, beautiful design, free, ready to use, and expandable for any other use cases

Note: 🚧 This Project is under active construction and not 100 percent ready.

🌏 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)

• 🔐

• 🗂 File based routing

• 📦 Components auto importing

• 🍍 State Management via Pinia

• 📑 Layout system

• 📲 PWA

• 🎨 UnoCSS - the instant on-demand atomic CSS engine

• 🌍 I18n ready

• ⚙️ 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 my-yummy-admin
cd my-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:mock

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