Ultimate Next.js Course 2024 Edition

Ultimate Next.js Course 2024 Edition

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 131 Lessons (29h 39m) | 5.68 GB

Unlock Your Potential with Our Up-to-Date Full Stack React Course

Learn to create a full stack e-commerce website with cutting edge tech!

This course covers:

Build a full-stack e-commerce app from scratch, mastering React and Next.js

Implement AI-powered search with Algolia for lightning-fast results

Create accessible, visually stunning designs using shad/cn

Add captivating animations with FramerMotion for enhanced user experience

Streamline image management with Uploadthing for seamless storage and retrieval

Develop a fully managed backend with PostgreSQL and Drizzle for products, users, and reviews

Master form creation with React Hook Form for intuitive user input Efficiently manage client and server state using Zustand and React Query Utilize serverless functions and PostgreSQL with Drizzle for fast queries and scalability

Integrate Stripe for secure and reliable payment processing

Deploy your application with confidence, learning domain setup and production best practices By the end of this course, you’ll have the skills and knowledge to create feature-rich, full-stack e-commerce applications that stand out in today’s competitive market.

Tech stack:

  • Next.js 14,2
  • Next-Auth V5
  • Drizzle ORM
  • Postgresql
  • Zustand
  • Algolia
  • Framer Motion
  • NeonDB
  • Resend
  • React Hook Form
  • Shad/CN
  • Stripe Elements
Table of Contents

1 Project Introduction – developedbyed – Crea
2 Setting Up
3 Project Struc
4 Rou
5 La
6 Page Compo
7 Route Gr
8 Parallel Ro
9 Loading
10 Error
11 Route Hand
12 Middle
13 Cac
14 Setting up NeonDB with Dri
15 Schemas and Migrat
16 Server Act
17 Mutating and Revalida
18 Progressively Enhanced F
19 Tailwind I
20 Tailwind Config and extens
21 Layers and compon
22 Adding shadcn to our pro
23 Which Auth Solution To
24 Next-Aut
25 Setting Up Google and Github Provi
26 Save Users With Drizzle Adapter to you
27 Creating Our Na
28 Sign In Bu
29 Login
30 Styling Our Login
31 React-Hook-Form + Zod Pa
32 React-Hook-Form + Zod Pa
33 Creating Our Sign In Ac
34 Form Error and Success Compon
35 Creating Our Register
36 Register Ac
37 Email Token Drizzle Sc
38 Generate Verification To
39 Re
40 Confirm Users Email Add
41 Login Autho
42 Password Reset
43 Finishing Up Password Resets + HTTP and Websoc
44 User Dropdown
45 Theme Your
46 User Prefere
47 JTW and Session Callb
48 Update User Prefere
49 Two Factor To
50 Setting up UploadT
51 Animations with Framer Mo
52 Create Product
53 Drizzle Product Sc
54 Integrating TipTap Rich Text Ed
55 Create-Edit Product Server Ac
56 Sonner Notificat
57 Setting Up Tanstack T
58 Edit and Delete Prod
59 Finishing our Server Act
60 Filtering and Pagina
61 Drizzle One-Many Relat
62 Product Variant Wra
63 Server Component Shanani
64 Variant
65 Input
66 Variant Images with Uploadt
67 Variant Act
68 Deleting Vari
69 Indexing With Alg
70 Shifting Layout
71 Bad State Call
72 Displaying our prod
73 Adding our prod
74 URL Routing with Product Pi
75 Shad-CN Caro
76 Review
77 User Review Ac
78 New Drizzle Kit Co
79 Star S
80 Review C
81 Zus
82 Add To
83 Remove From
84 Price Animation and Local Storage Per
85 Cart Prog
86 Order T
87 Stripe Elem
88 Creating Or
89 Order Confirmation
90 Order Details Di
91 Quality Of Life Improvem
92 Stripe CLI and Webh
93 Analytics
94 Rech
95 Cart Progress Anima
96 Algolia Se
97 Tag Sy
98 Deploy
99 Getting Star
100 Setting up Next with Tail
101 Prisma Sch
102 Next Auth With Pr
103 Creating A Stripe Cust
104 Creating our Na
105 Fetching Stripe Prod
106 Formatting Pr
107 Styling our home
108 Product Description
109 State Managment With Zus
110 Adding Products to
111 Car
112 Adding and Removing Prod
113 Empty C
114 Adding Google F
115 Total Price Fo
116 Framer Mo
117 Keeping It Mobile Frie
118 Getting Started with St
119 Stripe Order
120 Saving or
121 Rendering Stripe
122 Success
123 Stripe Webh
124 Dashboard
125 More Dashboard Sty
126 Lottie Animat
127 Dais
128 Adding a drop
129 Dark Light
130 Stripe Dark
131 Adding Different F

Homepage