Vitesse for Nuxt3 and Strapi
๐งช Working in Progress
Frontend ๐ Vitesse Nuxt3 Strapi
Backend ๐ Strapi Dashboard
-
๐ Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
-
โก๏ธ Vite - Instant HMR
-
๐จ UnoCSS - The instant on-demand atomic CSS engine.
-
๐ Use icons from any icon sets in Pure CSS, powered by UnoCSS
-
๐ฅ The
<script setup>
syntax -
๐ Layout system
-
๐ฅ APIs auto importing - for Composition API, VueUse and custom composables.
-
๐ Zero-config cloud functions and deploy
-
๐ฆพ TypeScript, of course
-
๐ค๐ป Strapi backend support
- VueUse - collection of useful composition APIs.
- ColorMode - dark and Light mode with auto detection made easy with Nuxt.
- UnoCSS - the instant on-demand atomic CSS engine.
- Pinia - intuitive, type safe, light and flexible Store for Vue.
- Strapi - Nuxt module for first class integration with Strapi.
We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit kuizuo/vitesse-nuxt3-strapi my-nuxt3-strapi-app
cd my-nuxt3-strapi-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm