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

Live Demo

• 🛠️ 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

• 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

Create repo from this template

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

Start local environment

pnpm dev

To build the App, run

pnpm build

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

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