Skip to content
/ opuntia Public template

🌵 Vite + Vue 3 SPA starter template, it's fast.

License

Notifications You must be signed in to change notification settings

opuntia-dev/opuntia

Repository files navigation

Opuntia

🌵 Vite + Vue 3 SPA starter template, it's fast.

Netlify Status

Features

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

Preview

Preview Image

Quick Start

Deploy to Netlify Button

Click this button, it will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify.

If you just want to develop locally, you can create a repo from this template on GitHub.

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

Clean Template

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 favicon in public and remove preview image.
  • Remove the .github folder which contains the funding info.

License

MIT License © 2024 Kevin Wong