Web Scraping with Next.js 14+ | Puppeteer | Zustand | Server Actions, Tailwind and Export Data

Опубликовано: 12 Февраль 2024
на канале: Programming with Umair
2,967
68

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...


Смотрите видео Web Scraping with Next.js 14+ | Puppeteer | Zustand | Server Actions, Tailwind and Export Data онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Programming with Umair 12 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,967 раз и оно понравилось 68 людям.