Vue 3 Starter

Vue 3 starter with typescript and vite for building any type of website with clean code and better developer experience

Live Demo

Live Demo

Features

• 🛠️ Vue 3 with vite configured out of the box
• 📁 File based routing with vite-plugin-pages
• 📚 Layout system with vite-plugin-vue-layouts
• 🍍 State management using pinia
• 📥 Auto import composition api
• 📥 Auto import component
• 🎨 Easily create custom ui component with tailwind and headless ui
• 💯 Produce clean code with eslint and prettier
• ⌨️ Safe typing with typescript
• 📃 Generate static site on deployment

VSCode Extension

• Volar for vue typescript support
• Eslint for linting code
• Prettier for code formatting
• Yaml for yaml language support
• Code spell checker to avoid misspell or typo in code
• Tailwind intellisense
• TODO Highlight in comment

Try it now!

Github Template

Create repo from this template

Clone to local

pnpm dlx degit hasan-almujtaba/vue-starter my-app
cd my-app
pnpm i

Usage

Development

Start local environment

pnpm dev

Build

To build the App, run

pnpm build

See Vite SSG Initial State for configuring initial state and how to fetch data

Deploy to Netlify

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