Nuxt 3 Crash Course - Full Website Tutorial - 2023

🎉 Get ready to dive into the world of Nuxt, Prismic, Tailwind, and TypeScript! 🏔️

You'll start by understanding the key concepts of Slices and Page sections, followed by hands-on tutorials on installing and configuring Nuxt, TypeScript, and Tailwind CSS. Along the way, you'll build beautiful website sections, learn how to query APIs with Nuxt composables, and make a fast website, ready for production.

With our guided walkthrough, you'll also explore the Prismic Page Builder and Slice Machine. The course provides everything you need to know to transform your ideas into a fully functional website.

---

📍Chapters:
00:00:00 - Intro - Nuxt 3 Course Overview
00:02:10 - Figma file overview - The power of slices
00:06:07 - Let’s get started! - Minimal starter
00:16:06 - Slice Machine 101 - CMS developer tool
00:25:04 - Header and footer - Setting up the layout
00:58:43 - Homepage - Setting up a page type
01:05:50 - Hero section - Creating a first slice
01:43:49 - Feature slice - Using the repeatable zone
02:06:31 - Testimonial slice - Working with content relationships
02:31:39 - Text with image slice - Enabling content writers
02:41:17 - CTA slice - Enabling content writers
02:49:06 - Homepage content - Working with the page builder
02:54:12 - Prismic Previews 101 - Local workflow
02:58:16 - Page type - Setting up other pages
03:06:49 - GitHub & Vercel - Let’s get it to production!
03:15:39 - Wrapping up

---

#nuxtjs #nuxt3

[lihbr]

📢 Hey, Lucie here! In the course I'm using the new Prismic Page Builder that as of writing this comment is not available globally.

Great news! 🎉 You're still able to follow the tutorial the same way using the current Page Builder, the UI will just look a tad different.
If you want the new Prismic Page Builder enabled on your repository, I can also help! Please shoot me its name below and I'll get it enabled for you 👇

[dv_interval]

Lucie has best tutorials, always pleasant and crystal clear

[TrostCodes]

Incredible job, Lucie! I'm excited to become a Nuxt expert with this course 🎉

[edray]

What I was looking for! On my watchlist for this weekend

[codenerd]

This same content is also available in Next.js, thank you admin.

[Thetticuz]

Very nice tutorial, thank you!
There is just one thing: is "settings" from "useSettings" any sort of stateful logic? In my opinion it is not, because it doesnt change on runtime or anything.
This is why I want to ask why you didnt choose it to be a plugin :)

[druharper]

I was so excited until prismic login... "It looks like you are trying to log in to Prismic through your terminal, but something has gone wrong."

[sjonny-depp]

Is it easy to understand if you come from next js?

[Ivan-Bagrintsev]

I may have missed this because I didn't see the whole video, but shouldn't the Nuxt Crash Course be about Nuxt concepts rather than Figma, Prismic, Tailwind and CMS builders?