Build A Recipe Application With Nuxt & Tailwind CSS (Nuxt Crash Course 2025)

📕 Join Early Access: www.learnnuxt.dev/
✏️ Project: www.webdevdaily.io/projects/recipe-application
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: github.com/johnkomarnicki/nuxt_course/tree/main

Other Resources
📕 Vue 3 Crash Course: johnkomarnicki.gumroad.com/l/tqrmw
🚀 Join the channel :youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw/join
🤖 Website: johnkomarnicki.com/
🐦 Twitter: twitter.com/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