001 Why React is Not Enough for Full-Stack Web Development (56.1 MB)
002 How is Next js Full-Stack and How Does it Fill the Gaps (66.59 MB)
003 Hear Me Out Server Actions are Great (38.68 MB)
001 Creating a Next js Project (100.67 MB)
002 Next js Project Structure (49.45 MB)
001 Section Introduction React 101 (10.79 MB)
002 What is React (13.58 MB)
003 Understanding JSX Syntax (16.88 MB)
004 Components as the Basic UI Building Blocks (10.81 MB)
005 Component Props (Passing Data to Components) (9.31 MB)
006 Responding to Events (13.27 MB)
007 Keeping Component State using Hooks (useState) (19.64 MB)
008 Conditional Rendering (10.56 MB)
009 Rendering List of Elements (20.52 MB)
010 Importing and Exporting Components (12.31 MB)
001 Section Introduction Routing, Pages & Layouts (6.98 MB)
002 File-system Routing & Creating Pages (48.22 MB)
003 Layouts (UI Shared Between Pages) (31.55 MB)
004 Links and Navigation (41.56 MB)
005 Understand Prefetching and Caching (44.84 MB)
006 Dynamic Routes with Parameters (23.94 MB)
001 Section Introduction Data Fetching (and Caching!) (7.14 MB)
002 How Data Fetching Works in Next js (Explanation and Recommendations) (33.86 MB)
003 Running a Mock JSON Server (40.31 MB)
004 Actually Fetching Data with fetch inside a Server Component (39.91 MB)
005 Understanding Data Cache and Request Memoization (37.09 MB)
006 Fetch Cache in Practice (38.87 MB)
001 Section Introduction Dealing with Slow Data Sources (9.35 MB)
002 How a Slow Data Source Can Block Your Whole Page! (12.09 MB)
003 Loading UI and Streaming (47.47 MB)
004 Loading UI and React Suspense (9.58 MB)
005 When to Use React Suspense When Loading UI Differences (23.88 MB)
006 About Streaming and SSR (4.86 MB)
001 Section Introduction Styling With Tailwind and CSS Modules (2.23 MB)
002 Styling Options in Next js (12.27 MB)
003 Getting Started with Tailwind CSS (29.05 MB)
004 Flex Container & Responsive Design (40.46 MB)
005 Adding a CSS Module and Using Tailwind Inside (8.86 MB)
006 Positioning Elements with Flex (11.87 MB)
007 Using Grid and Making Customizable Components (29.82 MB)
001 Section Introduction Error Management in Next (9.69 MB)
002 Error Handling on Pages (30.56 MB)
003 Error Boundaries (26.06 MB)
004 Error Hierarchy - Where Does the Error Get Catched (18.1 MB)
005 Nested Layouts (13.87 MB)
006 Error Handling in Layouts and in the Root Layout (43.4 MB)
007 Recovering from the Errors (17.49 MB)
008 Custom Not Found (404) Page (31.44 MB)
001 Section Introduction Images and Image Optimizations (2.27 MB)
002 Problems with Images (20.52 MB)
003 Core Web Vitals, LCP, CLS and Optimizing Images (51.13 MB)
004 Adding Image Gallery (Not Optimized Yet!) (32.52 MB)
005 Using the Next Image Component for Automatic Optimization (34.02 MB)
006 Responsive Image Size (86.09 MB)
007 Placeholders & Image Quality (32.19 MB)
008 Measuring the Page with Lighthouse (14.96 MB)
001 Section Introduction Fonts, OpenGraph, Scrips, Metadata (2.74 MB)
002 Optimizing Fonts with Next js (Google and Local Fonts!) (18.69 MB)
003 Optimizing Scripts (Connecting with External Services like Analytics, Chatbots) (45.64 MB)
004 Introduction to Metadata (20.71 MB)
005 An Overview of Metadata Attributes (23.23 MB)
006 Static Metadata (21.51 MB)
007 Dynamic Metadata (29.66 MB)
008 Dynamic (OpenGraph) Image Generation (68.59 MB)
001 Section Introduction Markdown and MDX (4.13 MB)
002 Setting Up Markdown and MDX and First MDX Page! (31.44 MB)
003 Styling MDX - Tailwind Typography (20.23 MB)
004 MDX Remote (Rendering any Markdown) (20.63 MB)
005 Loading MDX From Files (Blog Posts) (20.23 MB)
001 Section Introduction Blog Project Metadata, Frontmatter, Post List (969.29 KB)
002 Metadata #1 - What's Frontmatter and Refactor Time #1 (19.07 MB)
003 Metadata #2 - Extracting Frontmatter and Content, Refactor Time #2 (49.79 MB)
004 Blog Post List - Fetching Metadata of All Files (58.08 MB)
005 Blog Post List - Links (52.63 MB)
001 Section Introduction Caching, Filtering, Sorting, Pagination (2.24 MB)
002 Performance Improvements and Refactoring - Using cache for Memoization (46.13 MB)
003 Tags and Filtering Using Search Query Params (32.45 MB)
004 Sorting Posts - Using Query Params for State #1 (46.74 MB)
005 Change Sort Order - Using Query Params for State #2 (19.39 MB)
006 Adding Pagination - Using Query Params for State #3 (19.42 MB)
007 Pagination Component - Pages #1 (46.5 MB)
008 Pagination Component - Links #2 (68.58 MB)
001 Section Introduction Custom HTML, Tags, Dark Mode, Cookies (1011.97 KB)
002 Customizing HTML Generated from Markdown (26.57 MB)
003 Tags on Blog Post (15.25 MB)
004 Dark Mode Toggling - Component #1 (19.8 MB)
005 Dark Mode Toggling - Custom Hook, Setting DarkLight Mode #2 (29.17 MB)
006 Dark Mode Toggling - Using Cookies in Next #3 (53.57 MB)
007 Note About Cookies in Server Components and Dynamic Rendering (13.55 MB)
008 Wrapping Up the Project - Home Page (46.19 MB)
001 Section Introduction Going Live! + Performance Tips & Tricks (1.32 MB)
002 Dynamic Functions Forcing the Dynamic Page Renders (38 MB)
003 Using generateStaticParams() to Pre-render Pages (23.93 MB)
004 SearchParams and Static Pre-Rendering (38.2 MB)
005 Creating a Vercel Account and Deploying Live! (25.87 MB)
006 Adressing Metadata Base and Talking on Edge vs Node Runtimes (32.39 MB)
001 Section Introduction Creating UI and Components (3.3 MB)
002 Creating the Project and Playground (53.03 MB)
003 The Header Component (21.57 MB)
004 Financial Trend Component (43.59 MB)
005 Financial Trend Component - More or Less Money (46.16 MB)
006 Currency Formatting Hook (14.96 MB)
007 Transaction Item Component (80.36 MB)
008 Transaction Summary Component (27.79 MB)
009 Creating Buttons (42.73 MB)
010 Styling Form Inputs (70.81 MB)
011 Custom React Form Input Components (50.66 MB)
001 Section Introduction Dark Mode, Fetching and Displaying Data (2.39 MB)
002 Adding LightDark Mode Toggle (85.03 MB)
003 Adding JSON Server as Temporary Data Source (22.8 MB)
004 Displaying Transaction List (29.88 MB)
005 Grouping Transactions by Date (96.87 MB)
006 Separator & Loading Skeleton (40.36 MB)
007 Wrapping Transaction Loading in Suspense (51.52 MB)
008 Fetching Finance Trends (46.34 MB)
009 Making a Suspense Fallback for Trends (49.9 MB)
001 Section Introduction Forms, Validation, Server Actions (3.88 MB)
002 Adding Transaction Page & Link (77.36 MB)
003 Adding Transaction Form Markup (37.15 MB)
004 Introducing React Hook Form (94.93 MB)
005 Form Validation in React Hook Form (60.44 MB)
006 Introducing the Zod Library (25.94 MB)
007 Adding a Zod Schema for Transactions (67.5 MB)
008 Using Environment Variables (56.04 MB)
009 Storing Form Data (72.22 MB)
010 Server Actions in Action (82.87 MB)
011 Server Actions Explained (41.84 MB)
012 Form Error Component (16.48 MB)
001 Section Introduction Adding Supabase, Seeding Data, Handling Errors (4.81 MB)
002 What is Supabase (26.02 MB)
003 Setting Up and Connecting the Next js Project to Supbase! (95.65 MB)
004 Adding Columns to Transactions Table (7.72 MB)
005 Reading Transactions from Postgres (20.95 MB)
006 Generating Seed Data (135.77 MB)
007 Adding Data to Postgres (24.98 MB)
008 Server Actions - Handling Errors (29.99 MB)
009 Server Actions - Server Data Validation (44.43 MB)
010 Error Boundary for Trend and Removing JSON Server (39.96 MB)
001 Section Introduction More Complex Forms, Validation and Database Queries (9.13 MB)
002 Intermediate Dynamic Forms (27.69 MB)
003 Complex Transformation and Validation with Zod (66.66 MB)
004 Finance Trend - Postgres Function Calculating SUM (29.64 MB)
005 Finance Trend - Calling Postgres Function using RPC (27.6 MB)
006 Transactions Date Range - Selecting Option (48.01 MB)
007 Transactions Date Range - Get Current & Previous Sum in Postgres (126.71 MB)
008 Transactions Date Range - Display the Trend (17.86 MB)
001 Section Introduction Transactions Filtering and Pagination (1.45 MB)
002 Fetching Transactions Using Postgres Function (83.08 MB)
003 Refactoring to a Client Component with Server Component Wrapper (66.69 MB)
004 Load More Functionality (Pagination) (86.77 MB)
005 UX Improvements (No More Data, Loading Spinner etc) (81.42 MB)
001 Section Introduction Updating and Deleting Data (1.89 MB)
002 Naive Implementation of Delete Transaction Button (31.54 MB)
003 Delete Confirmation & Loading UI (37.03 MB)
004 Removing Transaction from the List (45.69 MB)
005 Handling the Pagination Shift (29.39 MB)
006 Transaction Editing Page & Fetching Transaction Data (42.67 MB)
007 Transaction Editing Form and Handling 404 (32.29 MB)
008 Update Transaction Server Action (Updating Data in Supabase) (13.2 MB)
009 Loading UI for the Edit Form (26.05 MB)
001 Section Introduction User Authentication (16.89 MB)
002 Authentication Layout and Page (34.9 MB)
003 Login Form & Invoking Server Action Through Form Submission (15.88 MB)
004 Form Pending State (29.33 MB)
005 Handling Form Server Action Errors (36.6 MB)
006 Supabase Auth Overview and Passwordless Auth (Magic Links) (42.4 MB)
007 How the Authentication Works in Supabase (and in General) (16.88 MB)
008 What's a Route Handler (32.23 MB)
009 Sign-In Route Handler (33.84 MB)
010 Configuring Supabase Email Templates and Testing the Auth Process (46.62 MB)
011 Is User Authenticated (26.55 MB)
012 What's a Middleware Creating a Supabase Token Refresh Middleware (81.64 MB)
013 Signing Users Out (32.72 MB)
001 Section Introduction User Authorization (2.6 MB)
002 What's Authorization (9.81 MB)
003 Protecting Routes in Middleware (24.48 MB)
004 What's Postgres RLS How it Integrates with Supabase Auth (71.04 MB)
005 Link Users with Transactions and INSERT RLS Policy (36.06 MB)
006 Adding RLS Policies for SELECT, UPDATE and DELETE (11.35 MB)
007 Updating the Seeding Script with Users (35.17 MB)
001 Secion Introduction Uploading and Managing Files (1.73 MB)
002 Settings Layout and Side Navigation (70.07 MB)
003 Supabase Storage, Buckets and RLS (16.09 MB)
004 Creating a Bucket and Setting up Security Policies (24.52 MB)
005 Image Uploading Form (7.01 MB)
006 Image Uploading Server Action (22.14 MB)
007 Styling the File Input (7.31 MB)
008 Updating the User Metadata (12.56 MB)
009 Displaying User Avatar (Signed URLs) (68.19 MB)
010 Alert Component (44.45 MB)
011 More Graceful Error Handling in Server Actions (52.88 MB)
012 Deleting Files (Old Avatars) (44.02 MB)
001 Section Introduction User Settings, Server Side Form Validation (2.39 MB)
002 Success and Error Alert Components - Refactor (22.29 MB)
003 Scaffolding Settings Page and Form (60.14 MB)
004 User Settings - Inputs and Loading UI (36.82 MB)
005 User Settings - Saving and Applying Settings (52.64 MB)
006 User Settings - Validating Data Server Side using Zod (57.08 MB)
007 Displaying the (Server Side) Validation Errors (40.03 MB)
001 Going Live! (23.75 MB)
001 Section Introduction Introduction to Git and GitHub (6.98 MB)
002 Introduction to Git (54.16 MB)
003 Installing Git on Mac (10.53 MB)
004 Installing Git on Windows (20.18 MB)
005 Installing Git on Linux (2.05 MB)
006 Commiting Changes in Git (46.76 MB)
007 GitHub, Remote Repository, Pushing Changes (51.68 MB)