Web Scraping with Next.js 14+ | Puppeteer | Zustand | Server Actions, Tailwind and Export Data
In this video, you will learn how to setup next.js 14 for web scraping. Building awesome UI with tailwindcss and using the concept of server actions, state management. We will learn how to configure puppeteer along with jquery to scrape products from olx. Finally we will learn how to export scrapped data into json file.
#nextjs14 #webscraping #puppeteer #tailwindcss
00:05 Demo of Scraper.
02:37 Create a new Next.js 14 app.
04:45 Clean up files.
05:58 Setup layout styles.
09:15 Building Search bar component.
14:13 Scrape and export buttons styles and validations.
23:40 Building Zustand store for products.
29:10 Configure puppeteer and jQuery.
37:14 Scrape Olx product title, price and description.
45:25 Scrape features of product.
48:27 Create products listing component.
56:40 Show price, desc and features in cards.
59:00 Implementation of exporting scraped data.
01:05:22 Testing export feature
01:07:32 Introduction to proxy servers
Follow Whatsapp Channel:
https://whatsapp.com/channel/0029Va7y...
React tutorials:
• React.js Tutorials
JavaScript Tutorials and Projects:
• JavaScript Tutorial and Projects
Angular Tutorials:
• Angular 16 Life Cycle Hooks - Explain...
Docker Tutorials & CI/CD:
• Docker Tutorials & CI/CD
Angular 16 Crash Course For Beginners:
• Angular 16 Crash Course
Tech Tutorials - Random:
• Postman Tutorial - Testing APIs and B...
Complete Next.js 13 Tutorials: • Next.js 13 Tutorials - App Directory
Next.js 14 Tutorials:
• Next.js 14 Tutorials - App Directory
Node Express MongoDB Bootcamp: • Build REST API with Node Express MongoDB
ChatGPT Tutorials: • ChatGPT
Join our facebook group:
/ 996305460498149
Contact us for development services:
/ umair-jameel-24aa5368
Repo Link:
https://github.com/umairjameel321/nex...
Watch video Web Scraping with Next.js 14+ | Puppeteer | Zustand | Server Actions, Tailwind and Export Data online without registration, duration hours minute second in high quality. This video was added by user Programming with Umair 12 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,967 once and liked it 68 people.