Build A Recipe Application With Nuxt & Tailwind CSS

Published: 05 September 2024
on channel: John Komarnicki
5,825
234

📕 Join Early Access: https://www.learnnuxt.dev/
✏️ Project: https://www.webdevdaily.io/projects/r...
In this video we will build a recipe application to introduce you to the core features of Nuxt. This application is a section within my Nuxt course that will teach you how to build modern applications using Nuxt.

GitHub Repo: https://github.com/johnkomarnicki/nux...

Other Resources
📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/...
🚀 Join the channel :   / @johnkomarnicki  
🤖 Website: https://johnkomarnicki.com/
🐦 Twitter:   / john_komarnicki  

Timestamps:
0:00 Introduction
1:02 What is Nuxt?
4:38 Creating A Nuxt App
6:38 Helpful Resources For Nuxt
7:17 File Directory Structure
14:00 Nuxt Modules
23:09 Creating Pages (File based routing)
26:30 Layouts
30:16 Components
33:20 NuxtLink (Changing Pages)
36:09 Image Optimization (Nuxt Image)
43:14 Responsive Images (Nuxt Image)
48:37 Data Fetching (useFetch and useAsyncData)
1:02:03 Dynamic Pages With Route Params
1:07:13 Handling Errors & Custom Error Page
1:10:00 Setting SEO with useSeoMeta()
1:13:45 Project cleanup

#vue #vue3 #nuxt


Watch video Build A Recipe Application With Nuxt & Tailwind CSS online without registration, duration hours minute second in high quality. This video was added by user John Komarnicki 05 September 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,825 once and liked it 234 people.