The Nuxt 3 Crash Course

This is 3 hours of a 9-hour course hosted on Udemy. You will learn everything you need to become a Nuxt 3 expert.

Second Channel:

Udemy Course (with discount)

Timeline:
0:00 - What is Nuxt
5:48 - Universal vs Server-Side vs Client-Side Rendering
19:31 - Project #1: Vue Refresher and Nuxt 3 Intro - Feel Free to Skip
2:08:43 - Project #2: Nuxt Basics - Pages, Layouts, & Meta

[slicktak]

Bro the audio switching between going in both ears to just one is giving me whiplash 😵

[arthurbrant]

Great video. Thank you for this. I've just started learning Nuxt. But I have another tip regarding applying the right round corner to the left and right option button in the project 1. You could write two CSS rules: .option:first-child {...} and .option:last-child {...}. At least in your way people get to learn how to use the index in a "v-for".

[alejandro.rodarte]

This is awesome man. I learned Nuxt 2 for a frontend job, but seems like a good time to get deep into this update. I will buy your Udemy course soon.

[Berk]

Hey Laith! Brilliant tutorial. For the bootstrap class, instead of `ml-auto` it is actually `ms-auto`. Margin-start=auto.
Keep up the work, I love it!

[akam]

Bruh, I was just starting to learn about 3.
Thanks so much!

[raaghavmaharaj]

Just purchased from looking at how you break down the course - will begin shortly. Much appreciated brother <3

[mumk]

Presentation 11/10, Coding 10/10, Explanation 10/10, marvelous video! Learned a ton from you, thanks Laith!

[truthteachers]

Wow, bro. My dream came true. Fantastic bro. I just bought the paid version in Udemy. I do all my courses in Udemy, the best platform for learning. Please keep it updated.

[brownGoy]

Mate, this is awesome! So keen to learn Nuxt 3 with the latest tech and make it full stack. Bought the course immediately - thanks for the generous discount too!

[setiawansetya]

you got a new subscriber dude. i really appreciate your effort. keep the good work!

[naeemadam]

wow! finally i got what is nuxt, thanks a lot and continiue

[hugo-abdou]

you should focus on nuxtjs insted of styling and navbar and boutstrap

[pepsipepsi]

Please teacher I really want to learn nginx. I'm not so good at english but all of your course is amazing

[faissalelosman]

Man woww, reallly loving this tutorial, you re brilliant

[ioannis]

Just bought your couse in Udemy. Great explanations.

[ostapoff]

Thanks a lot for the great tutorial. Pushed me finally to move ahead from the old Universal Vue which has no support for Vue3 and is no longer maintained

[the_beckers_food]

Pretty Nice job done! Very clear explanation of this Amazing JavaScript Framework. You got 10/10!

[marc]

1:53:50 your don't need JS for that...! Know your CSS and use either

.option:first-child {
border-end-start-radius: 2rem; // border-bottom-left-radius: 2rem;
border-start-start-radius: 2rem; // border-top-left-radius: 2rem;
}

.option:last-child {
border-end-end-radius: 2rem; // border-bottom-right-radius: 2rem;

border-start-end-radius: 2rem; // border-top-right-radius: 2rem;
}

or

.option:first-of-type {
border-end-start-radius: 2rem; // border-bottom-left-radius: 2rem;
border-start-start-radius: 2rem; // border-top-left-radius: 2rem;
}

.option:last-of-type {
border-end-end-radius: 2rem; // border-bottom-right-radius: 2rem;
border-start-end-radius: 2rem; // border-top-right-radius: 2rem;
}

Hope this helps.

PS:
Check out my version of the first project here:

I added a bit more semantic html and streamlined some of the JS.

[cannon]

Hey Laith instead of useMeta should be using useHead composable. useMeta has been deprecated. Good Video

[codestuff]

Awesome content. Is there any chance your course or future videos will include nuxt vitest pinia with vite?