Opuntia ^(Preview)

Vite + Vue 3 SPA web starter template.

Live Demo · English | 简体中文

Features

• Vue 3, Vite, pnpm, UnoCSS, Pinia, TypeScript - the latest web develop stack.
• File-based routing and layout system, it's auto.
• Components and APIs is auto importing.
• Use SVG icons from any icon sets with classes.
• I18n ready, and supports automatic import of translated files.
• Unit Testing with Vitest, E2E Testing with Cypress.
• Deploy on Netlify, zero-config.

Quick Start

Create a repo from this template on GitHub.

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

npx degit opuntia-dev/opuntia opuntia-app

cd opuntia-app

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

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/*.json.
• Change the hostname in vite.config.ts.
• Change the favicon in public.
• Remove the .github folder which contains the funding info.

Usage

Just run and visit http://localhost:1977.

pnpm dev

To build the App, you can run:

pnpm build

You will then see the dist folder generated for publishing, which you can preview locally with the following command.

pnpm preview

License

MIT License © 2023-PRESENT Kaivan Wong