Next Js: The Complete Developer'S Guide
Last updated 11/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.50 GB | Duration: 15h 41m
Build and deploy amazingly fast apps using Next v14 using App Router, Next Auth, NextUI, and TailwindCSS!
What you'll learn
Make incredibly performant web apps using Next JS
Understand the differences between running Next JS in development and production environments
Utilize four different caching systems to speed up request response times
Use the latest React tech with Server Components to build streaming interfaces
Implement robust and secure user authentication with the Next Auth library
Build complicated routing structure by using route interception and parallel routing
Automatically update and refresh data with the use of Server Actions with Revalidation
Optimize image fetching and loading through the use of Next's Image component
Add robust form validation and handling by implementing React's new useFormState hook
Requirements
Basic knowledge of React and Typescript is helpful, but refresher sections on these topics are included
Description
Congratulations! You’re on the brink of entering the fast-evolving world of NextJS, designed to empower developers with the tools to create high-performance, feature-rich web applications that stand out in the modern digital landscape.NextJS is the key to unlocking the full potential of server-rendered React applications, combining the best of web development into one powerful, developer-friendly framework. This comprehensive course takes you on a deep dive into advanced NextJS features that can set you apart in the job market, equipping you to tackle real-world projects with confidence. By exploring the intricacies of authentication with the Next-Auth library, the innovative approach to data mutations using server actions, and the foundational concepts of server and client components, you'll be well on your way to mastering modern web development.With the tech industry looking for skilled professionals, mastering Next puts you at the forefront of opportunity, with a skill set that's in high demand. Whether you're eyeing a new career as a software engineer or aiming to enhance your existing projects, there's never been a better time to delve into Next.What will you achieve?Through an extensive collection of video lectures complemented by detailed diagrams and real-world examples, this course ensures a thorough understanding of Next's capabilities, no pre-existing knowledge of the framework necessary. I've crafted a learning experience that's both rigorous and encouraging, with layers of knowledge built one at a time and ample dialogue to contextualize each feature of Next.I proudly offer the most detailed journey through Next available online. No stone is left unturned in this resource-packed adventure.Prepare to conquer a diverse array of topics, including:Implementing user authentication flows with next-auth, for secure and scalable user managementEffectively structuring server actions to handle data mutations Dissecting the theory of server vs client components, and knowing how to leverage each for maximum efficiencyMastering data validation techniques to ensure the reliability and integrity of user inputNavigating Next's sophisticated caching systems to deliver lightning-fast content performanceRecognizing the critical differences between development and production environments and preparing your applications for successful deploymentTailoring Server-Side Rendering (SSR) and Static Site Generation (SSG) to your application's needsUtilizing Incremental Static Regeneration (ISR) for the best of SSR and SSGEnriching user interfaces with TailwindCSS support for styling componentsOptimizing images on-the-fly with Next's Image component for better performance and user experienceDeploying your Next applications with Vercel and other hosting platforms with easeLeveraging TypeScript with Next for robust, type-safe applicationsWith each new topic, you’ll gain knowledge, proficiency, and the assurance to apply what you’ve learned to practical scenarios.Embrace the opportunity to define the future of web development with your newly acquired NextJS expertise. Join the ranks of developers who not only follow best practices but also contribute to them. Sign up now and transform your understanding and execution of modern web development with Next.
Overview
Section 1: Get Started Here!
Lecture 1 How to Learn NextJS Quickly
Lecture 2 Project Overview
Lecture 3 File-Based Routing
Lecture 4 Adding Additional Routes
Lecture 5 Linking Between Pages
Lecture 6 Common UI with Layouts
Lecture 7 Project Structure Strategy
Lecture 8 Absolute Path Import Shortcut
Lecture 9 Image Files
Lecture 10 Adding Images
Lecture 11 More on the Image Component
Lecture 12 Adding a Reusable Presentation Component
Lecture 13 Adding Some Styling
Lecture 14 Production Deployment with Vercel
Lecture 15 Join Our Community!
Lecture 16 Course Diagrams
Section 2: Changing Data with Mutations
Lecture 17 App Overview
Lecture 18 Project Setup
Lecture 19 Adding a Create Page
Lecture 20 Creating a Prisma Client
Lecture 21 Adding a Creation Form
Section 3: Streaming Content with React Server Components
Lecture 22 Introducing Server Actions
Lecture 23 A Deeper Dive into Server Actions
Lecture 24 Server Components vs Client Components
Lecture 25 Fetching Data with Server Components
Lecture 26 Adding Dynamic Paths
Lecture 27 Fetching Particular Records
Lecture 28 Custom Not Found Pages
Lecture 29 Automatic Loading Spinnners
Lecture 30 A Few Quick Tasks
Lecture 31 Styling the Show Page
Lecture 32 Linking to the Edit Page
Lecture 33 Showing a Client Component in a Server Component
Lecture 34 Adding the Monaco Editor
Lecture 35 Handling Editor Changes
Section 4: Server Actions in Great Detail
Lecture 36 Server Actions in Client Components
Lecture 37 Server Actions in a Separate File
Lecture 38 Options for Calling Server Actions from Client Components
Lecture 39 Calling a Server Action from a Client Component
Lecture 40 Deleting a Record with a Server Action
Section 5: Server Forms with the UseFormState Hook
Lecture 41 Understanding the UseFormState Hook
Lecture 42 UseForm State in Action
Lecture 43 Adding the Form Validation
Lecture 44 Gotchas Around Error Handling
Section 6: Understanding Next's Caching System
Lecture 45 Super Unexpected Behavior
Lecture 46 The Full Route Cache System
Lecture 47 What Makes a Static or Dynamic Route
Lecture 48 When to Use Each Cache Control
Lecture 49 Help, My Page is Showing Old Data!
Lecture 50 Enabling Caching with GenerateStaticParams
Lecture 51 Caching Dynamic Routes
Section 7: Authentication with Next-Auth
Lecture 52 Project Overview
Lecture 53 Critical Libraries in Our Project
Lecture 54 NextUI Installation and Setup
Lecture 55 Prisma Schema File
Lecture 56 Database Setup
Lecture 57 OAuth Setup
Lecture 58 Next-Auth Setup
Lecture 59 The Theory Behind OAuth
Lecture 60 Wrapping Auth in Server Actions
Lecture 61 Sign In, Sign out, and Checking Auth Status
Lecture 62 Upfront Design Process
Lecture 63 Why Path Helpers?
Lecture 64 Path Helper Implementation
Lecture 65 Creating the Routing Structure
Lecture 66 Stubbing Out Server Actions
Lecture 67 Planning Revalidating Strategies
Lecture 68 Building the Header
Lecture 69 Displaying the Sign In and Sign Out Buttons
Lecture 70 Enabling Sign Out
Lecture 71 More Caching Issues
Lecture 72 Static Caching While Using Auth
Lecture 73 Creating Topics
Lecture 74 Creating a Popover Form
Lecture 75 Receiving Form Data
Lecture 76 Adding Form Validation with Zod
Lecture 77 Reminder on the UseFormState Hook
Lecture 78 Fixing UseFormState Type Errors
Lecture 79 Here's Our FormState Type
Lecture 80 Displaying Validation Errors
Lecture 81 Handling General Form Errors
Lecture 82 Handling Database Errors in Forms
Section 8: Using Data - Database Queries
Lecture 83 Showing Loading Spinners with UseFormStatus
Lecture 84 Fetching and Listing Content from Prisma
Lecture 85 Scaffolding the Topic Show Page
Lecture 86 Displaying a Creation Form
Lecture 87 Applying Validation to Post Creation
Lecture 88 Checking Authentication Status
Lecture 89 Passing Additional Args to a Server Action
Lecture 90 Creating the Record
Lecture 91 A Few Project Files
Lecture 92 Merging a Few Files
Lecture 93 Considerations Around Where to Fetch Data
Lecture 94 Data Fetching in Child Components
Lecture 95 Recommended Data Fetching
Lecture 96 Define in Parent, Fetch in Child
Lecture 97 Alternative Type Names and Query Definitions
Lecture 98 Don't Go Crazy With Reuse
Lecture 99 Comment Creation
Lecture 100 Recursively Rendering Components
Lecture 101 Fetching the Big List
Section 9: Caching with Request Memoization
Lecture 102 Multiple Repeated DB Queries
Lecture 103 Introducing Duplicate Queries
Lecture 104 Request Memoization
Lecture 105 Deduplicating Requests with Cache
Section 10: Implementing Search Functionality
Lecture 106 Adding in Component Streaming
Lecture 107 Streaming with Suspense
Lecture 108 Adding a Loading Skeleton
Lecture 109 Top Posts on the HomePage
Lecture 110 Back to the Search Input
Lecture 111 Notes on QueryStrings in Next
Lecture 112 Accessing the Query String
Lecture 113 Redirecting From a Server Action
Lecture 114 Receiving the Query String in a Server Component
Lecture 115 Running the Search
Lecture 116 The De-Opt to Client Side Rendering Warning
Lecture 117 Wrap Up!
Section 11: Supplement - React Primer
Lecture 118 A Note About the Following Lectures
Lecture 119 Let's Build an App!
Lecture 120 Critical Questions
Lecture 121 A Few More Critical Questions
Lecture 122 Node Setup
Lecture 123 Creating a React Project
Lecture 124 What is Create React App
Lecture 125 Showing Basic Content
Lecture 126 What is JSX?
Lecture 127 Printing JavaScript Variables in JSX
Lecture 128 Shorthand JSX Expressions
Lecture 129 Typical Component Layouts
Lecture 130 Customizing Elements with Props
Lecture 131 Converting HTML to JSX
Lecture 132 Applying Styling in JSX
Lecture 133 Extracting Components
Lecture 134 Module Systems Overview
Lecture 135 Cheatsheet for JSX
Lecture 136 Project Overview
Lecture 137 Creating Core Components
Lecture 138 Introducing the Props Systems
Lecture 139 Picturing the Movement of Data
Lecture 140 Adding Props
Lecture 141 Using Argument Destructuring
Lecture 142 React Developer Tools
Lecture 143 Most Common Props Mistake
Lecture 144 Images for the App
Lecture 145 Including Images
Lecture 146 Handling Image Accessibility
Lecture 147 Review on How CSS Works
Lecture 148 Adding CSS Libraries with NPM
Lecture 149 A Big Pile of HTML!
Lecture 150 Last Bit of Styling
Section 12: Supplement - TypeScript Primer
Lecture 151 A Note About the Following Lectures
Lecture 152 TypeScript Overview
Lecture 153 Environment Setup
Lecture 154 A First App
Lecture 155 Executing TypeScript Code
Lecture 156 One Quick Change
Lecture 157 Catching Errors with TypeScript
Lecture 158 Catching More Errors!
Lecture 159 Types
Lecture 160 More on Types
Lecture 161 Examples of Types
Lecture 162 Where Do We Use Types
Lecture 163 Type Annotations and Inference
Lecture 164 Annotations with Variables
Lecture 165 Object Literal Annotations
Lecture 166 Annotations Around Functions
Lecture 167 Understanding Inference
Lecture 168 The "Any" Type
Lecture 169 Fixing the "Any" Type
Lecture 170 Delayed Initialization
Lecture 171 When Inference Doesn't Work
Lecture 172 More on Annotations Around Functions
Lecture 173 Inference Around Functions
Lecture 174 Annotations for Anonymous Functions
Lecture 175 Void and Never
Lecture 176 Destructuring with Annotations
Lecture 177 Annotations Around Objects
Lecture 178 Arrays in TypeScript
Lecture 179 Why Typed Arrays?
Lecture 180 Multiple Types in Arrays
Lecture 181 When to Use Typed Arrays
Lecture 182 Tuples in TypeScript
Lecture 183 Tuples in Action
Lecture 184 Why Tuples?
Lecture 185 Interfaces
Lecture 186 Long Type Annotations
Lecture 187 Fixing Annotations with Interfaces
Lecture 188 Syntax Around Interfaces
Lecture 189 Functions in Interfaces
Lecture 190 Code Reuse with Interfaces
Lecture 191 General Plan with Interfaces
Any engineer looking to build high-performance web apps with Next JS
Screenshots
Homepage
without You and Your Support We Can’t Continue
Thanks for Buying Premium From My Links for Support
Click >>here & Visit My Blog Daily for More Udemy Tutorial. If You Need Update or Links Dead Don't Wait Just Pm Me or Leave Comment at This Post
Download from free file storage
Resolve the captcha to access the links!
Registered members don't get captcha ... just sayin