Course Information
Course Overview
Learn Nuxt 3 & Supabase by building a blog and a finance app — full-stack, production-ready, and deployed live.
Build & deploy two production-grade full-stack apps with Nuxt 3 and Supabase.
This course takes you beyond theory into real-world Nuxt 3 development, combining the power of Vue 3, Supabase, and Tailwind CSS to create fully functional applications you can proudly deploy. You’ll learn through hands-on, project-based work, with every step explained and full source code included.
Project 1 – Blog & Portfolio:
Create a markdown-powered blog with Nuxt’s Content Module
Style it with responsive, modern Tailwind CSS
Implement file-based routing and dynamic pages
Build reusable layouts for consistent UI
Add dark/light mode for a better user experience
Project 2 – Finance Tracker App:
Integrate Supabase for database, auth, and storage
Implement secure login & registration with Supabase Auth
Apply Row Level Security (RLS) for data permissions
Create, read, update, and delete transactions
Add file upload support and interactive features
Use NuxtUI components for a polished, professional look
By the end, you’ll understand Nuxt 3 architecture, backend integration with Supabase, and deployment workflows. You’ll have two portfolio-ready apps that showcase your full-stack skills and give you the confidence to build and ship modern web applications.
This is the fastest, most practical way to go from Nuxt beginner to production-ready full-stack developer.
Join today and see why it's a best-selling course on the platform!
Course Content
- 10 section(s)
- 114 lecture(s)
- Section 1 Nuxt Setup and Basics: Getting Started Guide
- Section 2 Build a Nuxt Blog & Portfolio: Essentials
- Section 3 Build a Nuxt Blog & Portfolio: Modules, Tailwind, Components, SEO & Meta
- Section 4 Build a Nuxt Blog & Portfolio: Data Fetching Guide
- Section 5 Build a Nuxt Blog & Portfolio: Dark Mode
- Section 6 Build a Nuxt Blog & Portfolio: Nuxt Content
- Section 7 Build a Nuxt Blog & Portfolio: Advanced Nuxt Content Examples
- Section 8 Build a Nuxt Blog & Portfolio: Adding a Table of Contents
- Section 9 Build a Nuxt Blog & Portfolio: Errors, Page Transitions, Reusability
- Section 10 Build a Nuxt Blog & Portfolio: Fixes & Gotchas
What You’ll Learn
- Build 2 real-world projects: a professional blog/portfolio and a finance tracker app
- Master Nuxt 3 from fundamentals to advanced features
- Create stunning UIs with Tailwind CSS and NuxtUI component library
- Implement full-stack features: authentication, CRUD operations, and file uploads
- Harness the power of Supabase for backend functionality and security
- Design responsive layouts and add dark/light mode for enhanced user experience
- Utilize file-based routing and Markdown for efficient content management
- Develop reusable logic with composables for cleaner, maintainable code
- Apply industry best practices in full-stack Nuxt and Vue development
- Get hands-on experience with complete source code access
Skills covered in this course
Reviews
-
AAdolf Archibald
Moves quickly but covers basics - perfect for someone like me who is trying to learn quickly but also need help with the basics!
-
HHoctap Tranthanhbinh
That's a good course!
-
栗栗山 明人
Nuxtのバージョンが古いため、現在はあまり参考にすることができません。
-
NNikola Nikolov
Outdated content and concepts, unfortunately not recommended