Stop Using Vite - Use This Vite Vue.js 3 Starter Template Instead: Vitesse

👉 Check out Vitesse:

👉Check out Vue Petite And How To Use It

👉 Sign up and get free Vue cheat sheets and updates!

Need to Learn Vue or Nuxt? Check out my courses below!

0:00 Introduction To Vitesse
0:30 What is Vitesse
01:12 What Extensions You Need
03:18 Tour of App
04:12 File Based Routing With Script Setup
06:21 Working With Props and Dynamic Component Imports
09:08 Setting up useI18n Internationalization
10:52 Importing Markdown
12:50 Adding new Layouts
15:29 Working with WindiCSS
17:00 Changing header with useHead
17:43 Testing out SSG
18:21 Dynamic Routes

🗂️ 🗂️ 🗂️
Make Sure To Check These Courses Out On Udemy ! 💻

Links

[Gepeto]

Already tried some "quick" stuff with Vite and Vue.js but I didn't know it allows so many customization and dynamics. Really great tips that makes me want to dig deeper on the subject. Thanks Erik!

[TimeGames]

Noticed how you read 'voorjaar' and said something like Volar. It's Dutch, pronounced like vore-yahr, and basically is a word we use for 'spring'. Normally we say 'lente' but 'voorjaar' means something like the beginning of the year when everything starts to bloom and come to life again. Hope I thaught you something like you did me!

[mrrolandlawrence]

Would like to see the SSG a little more. Could be a coffin nail for gridsome which seems to have not been updated for a long long time now.

[JohannGarrido]

Switching now from Vuex+Options API to Vitesse+Nuxt before my baby grows more. Thanks a lot, Eric. I'm a fan of your content. Keep doing the great work! 💪

[Smoonwalkerm]

cool package!!...but what about if I want to use a different css UI ??...seems difficult changing to another one...

[thetrilbies]

The dynamic routing is very powerful. How would you add a router guard for pages in a 'protected' folder?

[blakegiunta]

What is that grayed out pug[_] bit in your VSCode? E.g. at 5:30 just above <template>?

[shamscorner]

I am having this problem. Don't know why?

Error: [auto-import] failed to load @vueuse/core, have you installed it?

[AllysonTS]

Hey Erik whats your vs code theme for ui and texts? 🤔

[javierr]

Hi, anyone knows how can I define a beforeEnter method for some route, in the vetesse template? Thanks I’m advance!

[kirayamato]

Hi there. What extensions do you use in vs code? Pls tell me

[romulonavas]

I got a PROBLEM DEPLOYING my Vitesse app. There is a problem with the router, i can navigate throught the site, but if I reload a page, then I got an 404 error. When I deployed the app using Versel, there was not that problem. But when I made in in Hostiger (I just send the files from the dist folder to the server) then I got that problem. How to correctly deploy the app? Could you make a video please?

[OswaldJon]

This looks like Nuxt... Why should you choose one vs another?

[jasmindurakovic]

Great video! How can I make "go to definition" (crtrl + click) make work to navigate on component file instead of GlobalComponents (components.d.ts)?

[fpigeonjr]

🔥great video Erik, would love to use this on my next blog.

[simonediricco]

I am looking for a boilerplate vue3 / Pinia / VueRouter / Electron / Typescript, can anyone help me?

[sophektounn]

Do you know why the static generated pages lose all their functionalites? And can you show how to deploy it to netlify?

[RockyCastaneda]

Very interesting topic. Thanks for sharing. I will definitely try to explore more of Vite and Vitesse

[ManasMadrecha]

This is like Nuxt, so why not simply use Nuxt which is much more powerful + better markdown support + easy-to-use modules!

[majklzumberi]

That's very cool! But how It handles the Dynamic routes during the buildtime?
It's similar with next.js that generates static Page on request?