
Override ant design default styling by configuring a global theme with token and components, wrapping the app in a config provider, and adjusting color, borders, and shadows.
Build the sign-up page of the auth flow in a Next.js app, implementing an Ant Design form with validation and a styled auth layout to match the deployed UI.
Implement a layout provider to wrap private routes with a header and navigation, render a dashboard with credits, debits, balance, and last transactions, and cover supabase authentication and storage concepts.
Upload a file to a Supabase storage bucket, obtain its public URL, and update the user profiles table with the new profile picture and name using a reusable upload function.
Create a dynamic transaction form in a Next.js app with fields for date, amount, type, category, and notes, with category options updating by income or expense, for a Supabase-backed app.
Create a save transaction flow by building a transactions table in Supabase connected to user profiles via foreign key, and validate and submit fields type, category, amount, date, and notes.
Fetch the transaction by id from the url, populate the edit form with initial values, then update the transaction in Supabase and navigate back to the transactions list.
Welcome to the "Next.js and Supabase Masterclass - Build Fullstack Apps!" We are thrilled to have you join us on this exciting journey into the world of fullstack development. Whether you are an aspiring developer or looking to enhance your existing skills, this course is designed to empower you with the knowledge and practical experience needed to build modern web applications efficiently.
Key Features of the Course:
Hands-On Learning: Participants will create a fully functional fullstack application from scratch, allowing them to apply what they learn in real-time.
User Authentication: Learn how to implement user registration, login processes, and email verification. Understand how to manage user sessions securely and protect routes.
Database Management: Gain practical experience with Supabase’s PostgreSQL backend. Students will learn to create tables, establish relationships, and perform CRUD operations effectively.
File Storage Management: Discover how to upload, retrieve, and delete files within your application using Supabase storage.
Complete Source Code: Access the complete source code for the course project, enabling learners to follow along step-by-step and build their own applications confidently.
Learning Outcomes:
By the end of this masterclass, participants will have a solid understanding of fullstack development using Next.js and Supabase. They will be equipped with the skills necessary to tackle real-world projects and enhance their web development capabilities.This course is perfect for aspiring developers, frontend and backend engineers looking to expand their skill sets, tech enthusiasts, and anyone eager to learn how to build scalable web applications. Join us in this exciting journey to elevate your development skills! We look forward to seeing you in the course!