The Full Stack React Course 2023 By DevelopedByEd – Immediate Download!
Content Proof:
The Full Stack React Course 2023 By DevelopedByEd
The Full Stack React Course 2023
Using state-of-the-art technologies like these, we will construct a complete stack e-commerce platform in this course.
- Next.js
- Tailwind CSS
- PostgreSQL
- Prisma
- Daisy UI
- Stripe
- Zustand
- Next-auth
- Vercel for deployment
If some of the technologies discussed here seem unfamiliar or a bit daunting, there’s no need to worry—I’m here to guide you through each and every step of the process! By the end of this course, you’ll not only have a solid understanding of how to build a full stack application using the latest and most advanced technologies, but you’ll also be able to confidently navigate through the entire development lifecycle.
Imagine the possibilities: you’ll learn to integrate essential features like email invoicing, user profiles, historical data tracking, secure payment options (including modern solutions like Apple Pay and Google Pay), and robust user authentication (such as Google Sign-In). With all these capabilities, you’ll end up with a sophisticated full stack e-commerce application that you can proudly showcase as a testament to your skills.
So, why wait any longer? Seize the opportunity to enroll in the most current version of the Full Stack React Course and let’s embark on this exciting journey together to create something truly extraordinary!
Additionally, don’t miss out on joining our vibrant Discord community. It’s a fantastic place to connect with like-minded individuals, share your progress, and get support whenever you need it. I’m here to help you reach your goals and excel as a developer, so let’s get started and make great things happen!
Your Instructor
Ed is a Romanian full stack developer and designer who has devoted his life to enabling others from diverse backgrounds to enjoy and learn from coding and design. With more than 800k YouTube subscribers, DevelopedByEd provides accessible, all-level coding courses that help people realize their potential and realize their aspirations in the computer industry.
Course Curriculum
Chapter 1 – Next.js 14 Basics
1. Project Introduction (9:06)
2.Setting Up Node (3:11)
3.Project Structure (5:57)
4.Routing (5:20)
5.Layout (5:18)
6.Page Component (10:00)
7.Route Groups (1:44)
8.Parallel Routes (3:16)
9.Loading Page (1:20)
10.Error Page (1:21)
11.Route Handlers (2:08)
12.Middleware (2:48)
Chapter 2 – Caching, Data Fetching and Mutations
1.Caching (7:14)
2. Setting up NeonDB with Drizzle (4:41)
3. Schemas and Migrations (7:00)
4.Server Actions (6:32)
5.Mutating and Revalidating (5:29)
6.Progressively Enhanced Forms (4:02)
Chaper 3 – Tailwind and shad/cn
- Tailwind Intro (8:25)
- Tailwind Config and extensions (3:09)
- Layers and components (2:30)
- Adding shadcn to our project (6:18)
Chapter 4 – Authentication with Next-Auth V5
- Which Auth Solution To Use? (4:43)
- Next-Auth V5 (7:32)
- Setting Up Google and Github Providers (4:56)
- Save Users With Drizzle Adapter to your DB (7:30)
- Creating Our Navbar (8:56)
- Sign In Button (4:42)
- Login Page (18:10)
- Styling Our Login Page (10:32)
- React-Hook-Form + Zod Part 1 (11:10)
- React-Hook-Form + Zod Part 2 (12:12)
- Creating Our Sign In Action (7:20)
- Form Error and Success Components (8:58)
- Creating Our Register Page (12:24)
- Register Action (12:32)
- Email Token Drizzle Schema (5:00)
- Generate Verification Tokens (14:01)
- Resend (15:16)
- Confirm Users Email Address (13:20)
- Login Authorize (14:40)
- Password Reset Form (19:47)
- Finishing Up Password Resets + HTTP and Websockets (22:52)
- User Dropdown Menu (19:08)
- Theme Your App (18:49)
- User Preferences (29:05)
- JTW and Session Callbacks (10:25)
- Update User Preferences (14:35)
- Two Factor Tokens (30:39)
- Setting up UploadThing (16:05)
Chapter 5 – Admin Dashboard
- Animations with Framer Motion (25:19)
- Create Product Form (19:44)
- Drizzle Product Schema (3:41)
- Integrating TipTap Rich Text Editor (19:53)
- Create/Edit Product Server Action (9:57)
- Sonner Notifications (8:28)
- Setting Up Tanstack Table (19:59)
- Edit and Delete Products (13:14)
- Finishing our Server Actions (13:47)
- Filtering and Pagination (11:07)
- Drizzle One/Many Relations (11:50)
- Product Variant Wrapper (15:17)
- Server Component Shananigans (4:43)
- Variant Form (14:18)
- Input Tags (18:43)
- Variant Images with Uploadthing (34:47)
- Variant Actions (21:52)
- Deleting Variants (5:18)
- Indexing With Algolia (14:33)
- Shifting Layout Fix (2:20)
- Bad State Call Fix (1:49)
Chapter 6 – Our Front End
- Displaying our products (17:20)
- Adding our products (3:50)
- URL Routing with Product Picker (27:18)
- Shad/CN Carousel (17:32)
- Review Form (19:37)
- User Review Action (13:34)
- New Drizzle Kit Config (4:41)
- Star System (19:46)
- Review Chart (16:50)
- Zustand (16:40)
- Add To Cart (16:04)
- Remove From Cart (14:35)
- 13.Price Animation and Local Storage Persist (25:20)
- 14.Cart Progress (17:23)
- 15.Order Table (4:52)
- 16.Stripe Elements (35:21)
- 17.Creating Orders (17:06)
- 18.Order Confirmation Page (9:22)
- 19.Order Details Dialog (23:59)
- 20.Quality Of Life Improvements (15:27)
- Stripe CLI and Webhooks (17:40)
- Analytics Page (24:09)
- Recharts (36:38)
- Cart Progress Animation (11:56)
- Algolia Search (25:35)
- Tag System (15:15)
Chapter 7 – Deployment
Deployment (20:30)
Chapter 5 – E-Commerce Project LEGACY
- Getting Started (0:36)
- Setting up Next with Tailwind (6:01)
- Prisma Schemas (15:34)
- Next Auth With Prisma (21:38)
- Creating A Stripe Customer (15:51)
- Creating our Navbar (23:16)
- Fetching Stripe Products (16:31)
- Formatting Prices (10:10)
- Styling our home page (9:50)
- Product Description Page (23:00)
- State Managment With Zustand (16:17)
- Adding Products to Cart (26:39)
- Cart UI (9:57)
- Adding and Removing Products (12:10)
- Empty Carts (4:44)
- Adding Google Fonts (6:02)
- Total Price Format (4:03)
- Framer Motion (16:09)
- Keeping It Mobile Friendly (3:34)
- Getting Started with Stripe (17:10)
- Stripe Order Data (26:56)
- Saving orders (32:48)
- Rendering Stripe Form (30:33)
- Success Page (28:36)
- Stripe Webhooks (26:46)
- Dashboard Page (30:19)
- More Dashboard Styling (6:57)
- Lottie Animations (11:09)
- Daisy UI (17:21)
- Adding a dropdown (10:01)
- Dark Light Mode (18:04)
- Stripe Darkmode (13:14)
- Adding Different Fonts (3:55)
Frequently Asked Questions:
Business Model Innovation: We use a group buying approach that enables users to split expenses and get discounted access to well-liked courses. Despite worries regarding distribution strategies from content creators, this strategy helps people with low incomes.
Legal Aspects: There are many intricate questions around the legality of our actions. There are no explicit resale restrictions mentioned at the time of purchase, even though we do not have the course developers’ express consent to redistribute their content. This uncertainty gives us the chance to offer reasonably priced instructional materials.
Quality Control: We make certain that every course resource we buy is the exact same as what the authors themselves provide. It’s crucial to realize, nevertheless, that we are not authorized suppliers. Therefore, our products do not consist of:
– Live coaching calls or sessions with the course author.
– Access to exclusive author-controlled groups or portals.
– Membership in private forums.
– Direct email support from the author or their team.
We aim to reduce the cost barrier in education by offering these courses independently, without the premium services available through official channels. We appreciate your understanding of our unique approach.
Reviews
There are no reviews yet.