Next JS: The Complete Developer’s Guide

سرفصل های دوره

Build apps using NextJS v14 using App Router, Next Auth, NextUI, and TailwindCSS! Learn the latest version of NextJS!

01 - Get Started Here!

001 How to Learn NextJS Quickly

002 Project Overview

003 File-Based Routing

004 004-int.zip

004 Adding Additional Routes

005 Linking Between Pages

006 006-int.zip

006 Common UI in Next JS with Layouts

007 007-int.zip

007 Project Structure Strategy

008 008-int.zip

008 Absolute Path Import Shortcut

009 Image Files + Import Update.html

009 images.zip

010 009-int.zip

010 Adding Images in Next JS

011 More on the Image Component

012 011-int.zip

012 Adding a Reusable Presentation Component

013 012-int.zip

013 Adding Some Styling

014 Production Deployment with Vercel

015 Join Our Community!.html

016 Course Diagrams.html

016 diagrams.zip

02 - Changing Data with Mutations

001 App Overview

002 Project Setup

003 003-sni.zip

003 Adding a Create Page

004 Creating a Prisma Client within Next.js

005 005-sni.zip

005 Adding a Creation Form

03 - Streaming Content with React Server Components

001 006-snippets.zip

001 Introducing Server Actions in Next.js

002 A Deeper Dive into Server Actions

003 Server Components vs Client Components

004 009-sni.zip

004 Fetching Data with Server Components

005 010-sni.zip

005 Adding Dynamic Paths

006 Async Dynamic Params in Next.js 15.html

007 011-sni.zip

007 Fetching Particular Records

008 012-sni.zip

008 Custom Not Found Pages

009 013-sni.zip

009 Automatic Loading Spinnners

010 014-sni.zip

010 A Few Quick Tasks

011 015-sni.zip

011 Styling the Show Page

012 More Async Dynamic Params In Next.js 15.html

013 016-sni.zip

013 Linking to the Edit Page

014 017-sni.zip

014 Showing a Client Component in a Server Component

015 Installing the Monaco Editor in Next.js 15.html

016 018-sni.zip

016 Adding the Monaco Editor

017 019-sni.zip

017 Handling Editor Changes

04 - Server Actions in Great Detail

001 Server Actions in Nextjs Client Components

002 Server Actions in a Separate File

003 Options for Calling Server Actions from Client Components

004 023-sni.zip

004 Calling a Server Action from a Client Component

005 024-sni.zip

005 Deleting a Record with a Server Action

05 - Server Forms with the UseFormState Hook

001 Understanding the UseFormState Hook

002 useActionState in Next v15.html

003 026-sni.zip

003 UseForm State in Action

004 027-sni.zip

004 Adding the Form Validation

005 028-sni.zip

005 Gotchas Around Error Handling in Nextjs

06 - Understanding Nexts Caching System

001 Super Unexpected Behavior

002 The Full Route Cache System

003 What Makes a Static or Dynamic Route in Next.js

004 When to Use Each Cache Control

005 033-sni.zip

005 Help, My Page is Showing Old Data!

006 Enabling Caching with GenerateStaticParams

007 035-sni.zip

007 Caching Dynamic Routes

07 - Authentication with Next-Auth

001 Project Overview

002 Critical Libraries in Our Project

003 Legacy Peer Deps Flag for Next.js 15.html

004 NextUI Installation and Setup

005 Prisma Schema File.html

005 schema.zip

006 004-dis.zip

006 Database Setup

007 Install versions for Next.js 15.html

008 005-dis.zip

008 OAuth Setup

009 006-dis.zip

009 Next-Auth Setup

010 007-dis.zip

010 The Theory Behind OAuth

011 008-dis.zip

011 Wrapping Auth in Server Actions

012 009-dis.zip

012 Sign In, Sign out, and Checking Auth Status

013 Upfront Design Process

014 Why Path Helpers

015 012-dis.zip

015 Path Helper Implementation

016 013-dis.zip

016 Creating the Routing Structure

017 Stubbing Out Server Actions

018 015-dis.zip

018 Planning Revalidating Strategies

019 Building the Header

020 017-dis.zip

020 Displaying the Sign In and Sign Out Buttons

021 018-dis.zip

021 Enabling Sign Out

022 019-dis.zip

022 More Caching Issues

023 020-dis.zip

023 Static Caching While Using Auth

024 021-dis.zip

024 Creating Topics

025 022-dis.zip

025 Creating a Popover Form

026 Receiving Form Data

027 Adding Form Validation with Zod

028 Reminder on the UseFormState Hook

029 useAction State in Next.js 15.html

030 026-dis.zip

030 Fixing UseFormState Type Errors

031 027-sni.zip

031 Heres Our FormState Type

032 028-sni.zip

032 Displaying Validation Errors

033 029-sni.zip

033 Handling General Form Errors

034 030-sni.zip

034 Handling Database Errors in Forms

08 - Using Data - Database Queries

001 001-con.zip

001 Showing Loading Spinners with UseFormStatus

002 002-con.zip

002 Fetching and Listing Content from Prisma

003 More Async Dynamic Params in Next.js 15.html

004 003-con.zip

004 Scaffolding the Topic Show Page

005 More useActionState in Next.js 15.html

006 004-con.zip

006 Displaying a Creation Form

007 005-con.zip

007 Applying Validation to Post Creation

008 006-con.zip

008 Checking Authentication Status

009 007-con.zip

009 Passing Additional Args to a Server Action

010 008-con.zip

010 Creating the Record

011 A Few Project Files.html

011 files-next14.zip

011 files-next15.zip

012 Merging a Few Files

013 Considerations Around Where to Fetch Data

014 Data Fetching in Child Components

015 Recommended Data Fetching

016 005-mer.zip

016 Define in Parent, Fetch in Child

017 Alternative Type Names and Query Definitions

018 007-mer.zip

018 Dont Go Crazy With Reuse

019 008-mer.zip

019 Comment Creation

020 Recursively Rendering Components

021 Fetching the Big List

09 - Caching with Request Memoization

001 Multiple Repeated DB Queries

002 002-cah.zip

002 Introducing Duplicate Queries

003 Request Memoization

004 004-cah.zip

004 Deduplicating Requests with Cache

10 - Implementing Search Functionality

001 Adding in Component Streaming

002 108-streaming-with-suspense.zip

002 Streaming with Suspense

003 Adding a Loading Skeleton

004 004-str.zip

004 Top Posts on the HomePage

005 005-str.zip

005 Back to the Search Input

006 Notes on QueryStrings in Next

007 Accessing the Query String

008 Redirecting From a Server Action

009 Even More Async Dynamic Params in Next.js 15.html

010 Receiving the Query String in a Server Component

011 010-str.zip

011 Running the Search

012 011-str.zip

012 The De-Opt to Client Side Rendering Warning

013 Wrap Up!

014 Deploying Discuss App to Vercel with Postgres.html

11 - Supplement - React Primer

001 A Note About the Following Lectures.html

002 Lets Build an App!

003 Critical Questions

004 A Few More Critical Questions

005 Node Setup

006 Creating a React Project

007 What is Create React App

008 001-jsx.zip

008 Showing Basic Content

009 What is JSX

010 003-jsx.zip

010 Printing JavaScript Variables in JSX

011 004-jsx.zip

011 Shorthand JSX Expressions

012 007-jsx.zip

012 Typical Component Layouts

013 008-jsx.zip

013 Customizing Elements with Props

014 009-jsx.zip

014 Converting HTML to JSX

015 Applying Styling in JSX

016 012-jsx.zip

016 Extracting Components

017 Module Systems Overview

018 Cheatsheet for JSX.html

019 Project Overview

020 002-pdas.zip

020 Creating Core Components

021 Introducing the Props Systems

022 Picturing the Movement of Data

023 005-pdas.zip

023 Adding Props

024 006-pdas.zip

024 Using Argument Destructuring

025 React Developer Tools

026 Most Common Props Mistake

027 Images for the App.html

027 images.zip

028 010-pdas.zip

028 Including Images

029 011-pdas.zip

029 Handling Image Accessibility

030 Review on How CSS Works

031 013-pdas.zip

031 Adding CSS Libraries with NPM

032 014-pdas.zip

032 A Big Pile of HTML!

033 015-pdas.zip

033 Last Bit of Styling

12 - Supplement - TypeScript Primer

001 A Note About the Following Lectures.html

002 TypeScript Overview

003 Environment Setup

004 Important Axios and TypeScript Version Information.html

005 A First App

006 7-executing.zip

006 Executing TypeScript Code

007 8-quick-change.zip

007 One Quick Change

008 10-catching.zip

008 Catching Errors with TypeScript

009 11-more-errors.zip

009 Catching More Errors!

010 Types

011 More on Types

012 14-examples.zip

012 Examples of Types

013 Where Do We Use Types

014 Type Annotations and Inference

015 17-annotations.zip

015 Annotations with Variables

016 18-object-literal.zip

016 Object Literal Annotations

017 19-around-functions.zip

017 Annotations Around Functions

018 Understanding Inference

019 21-any-type.zip

019 The Any Type

020 22-fixing.zip

020 Fixing the Any Type

021 23-delayed.zip

021 Delayed Initialization

022 24-when-inference.zip

022 When Inference Doesnt Work

023 25-more-functions.zip

023 More on Annotations Around Functions

024 26-inference.zip

024 Inference Around Functions

025 27-annotations-anonymous.zip

025 Annotations for Anonymous Functions

026 28-void-and-never.zip

026 Void and Never

027 29-destructuring.zip

027 Destructuring with Annotations

028 30-annotations-objects.zip

028 Annotations Around Objects

029 31-arrays.zip

029 Arrays in TypeScript

030 32-why-typed.zip

030 Why Typed Arrays

031 33-multiple.zip

031 Multiple Types in Arrays

032 When to Use Typed Arrays

033 Tuples in TypeScript

034 36-tuples-action.zip

034 Tuples in Action

035 37-why-tuples.zip

035 Why Tuples

036 Interfaces

037 39-long-type.zip

037 Long Type Annotations

038 40-fixing.zip

038 Fixing Annotations with Interfaces

039 41-syntax.zip

039 Syntax Around Interfaces

040 42-functions.zip

040 Functions in Interfaces

041 43-code-reuse.zip

041 Code Reuse with Interfaces

042 General Plan with Interfaces

13 - Bonus!

001 Bonus!.html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy