🔴 Let’s build Walmart with NEXT.JS 14! (Intercepting & Parallel Routes, Oxylabs, Shadcn, Zustand)

🔴 Looking for the code for my other builds? 🛠️

👉 How to Scrape Real Walmart Product Data & Results via Oxylabs E-Commerce Scraper API!
👉 How to build a Product Page that displays Real Product information straight from Walmart!
👉 How to build a Search Page that displays all the scraping results from Oxylabs based on your search!
👉 How to Use Zustand as a far simpler state management library solution instead of Redux
👉 How to implement Intercepting & Parallel routes!
👉 How to implement an Add to Basket functionality with add & remove features that are on a popup modal that persists data even after a refresh!
👉 How to use React Skeleton Loaders to show Beautiful loading screens whilst the product data is fetched!
👉 Create a Beautiful UI & UX for our Frontend using the highly Popular Shadcn!
👉 How to build a fully responsive site with Tailwind CSS!
👉 How to use TypeScript to reduce the overall number of Bugs and Errors
👉 How to deploy the final build on Vercel!

🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?

🕐 TIMESTAMPS
00:00 Introduction
01:02 Build Showcase
04:09 Oxylabs Sponsorship
06:43 Build Tech
08:09 Zero to Full Stack Hero
9:27 Initialising the Build
18:46 Building the Header Component (1/2)
20:21 Implementing Shadcn/ui
23:45 Building the Header Component (2/2)
48:10 Building the Grid Option Component
1:00:43 Building the Search Page (1/2)
1:03:05 Implementing Oxylabs E-Commerce Scraper API
1:11:23 Setting up Type Definitions (1/2)
1:13:21 Building the Search Page (2/2)
1:19:16 Building the Product Component
1:26:58 Implementing a Loading State (1/2)
1:32:51 Creating the Product Page
1:34:31 Setting up Type Definitions (2/2)
1:35:47 Fetching Real Product Data from Walmart using Oxylabs
1:41:37 Building the Product Page
1:52:57 Implementing a Loading State (2/2)
1:57:55 Explaining and Implementing Zustand for State Management
2:04:27 Implementing Add & Remove to Cart Functionality
2:16:44 Implementing the Basket Functionality
2:29:35 Explaining and Implementing Intercepting & Parallel Routes
2:48:28 Final Build Demo
2:50:50 Deploying to Vercel
2:56:31 Final Deployed Build Demo
2:58:12 Outro

Let’s get it PAPAFAM 🔥.

DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Walmart and/or any of its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.

#nextjs #nextjs14 #react #walmart #typescript #reactjs #ecommerce #coding #javascript #tailwindcss #shadcn #reactjstutorial #coding #tutorial #beginner #programming

[MinhNguyen-vhsv]

You are def the best teacher on Youtube! Thank you so much for giving me all these knowledges

[albigjeka]

Bro, love your videos!
You’re the best!!! 🔥🔥🔥

[dalestewart]

A very comprehensive professional tutorial.

[red-brains]

You are the best educator, thanks for this incredible video. 💖

[arpitweb]

Thanks Sonny, I really like your teaching style, Thanks in advance for apple vision pro upcoming videos 👍🏻👍🏻

[usmanmarkaz]

papafam plz start react native projects that is full stack plz sir plz

[samuelvillafana]

Watching from Brooklyn, NY! I'm saving up to buy your Zero to Full Stack Hero course. Love your teaching style! Can't wait to start learning.

[codehub]

i'm your biggest fan sonny. The way you explain and teach concepts is out of this universe. Successfuly built the walmart clone. Papafam to the world and beyond. ❤

[aryanapardeshi]

WOW took me 2 days to complete your 2 hours stream haha

[DirilisErtugrulUrduATV]

Create a portfolio with an attractive frontend and logical backend

[Lubnasinthekitchen]

Watching from Karachi Pakistan. Thank you so much for your great project brother 💓💯

[dalestewart]

Yes Sonny, I would like to see coding on the Apple Vision Pro. Thanks

[DigitalAlchemyst]

This build was a breeze, a great into to data scraping Oxy labs makes it super easy. They are also super genrious with extensions to the trial for people learning. All you have to do is ask them, they kept extending me well beyond what I needed.
Also I was able to get the scrape time on the google shopping clone down low enough to run on vercel but not this one, any ideas on how to speed up the scrapping?

[preethamb]

any way to compile and run next app in aws/oracle t2 micro instance, currently it hangs

[manassehchifita]

am a new but the way you explain is understandable

[ritikyadav]

Is there any way to get Walmart data with out purchasing oxylab subscription?

[lemondeparfait]

can you tel me how you record your screen in the live?

[motamott]

Brother we need more react native projects, it has been a while since the last one

[maharshimahi]

Hey sunny can do the videos on react-admin framework

[aditya-d-]

typescript error arha hey, doply error jata nahi, organic not define problem