Nuxt 3 Crash Course - Full Website Tutorial - 2023

🎉 Get ready to dive into the world of Nuxt, Prismic, Tailwind, and TypeScript! 🏔️ In this full course, we'll unleash the power of Prismic as a Headless Website Builder alongside Nuxt, the intuitive Vue.js framework. With Lucie, Nuxt Core Team Member and Developer Experience Engineer at Prismic, you'll go from installing the essential tools to building vibrant, responsive components. 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. 🔗Production website: https://flowrise-demo-nuxt.vercel.app 🔗Final code: https://github.com/lihbr/prismic-demo... 🔗Figma file: https://www.figma.com/community/file/... --- 📍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