🔴 Next.js 14 Booking App Part 2 (Web Scraping with Puppeteer, Scraping Browser, Redis & Deployment)
Bright Data's Scraping Browser (Free $10 Credits): https://brdta.com/kishansheth21
🔴 Next.js 14 Booking App Part 1: • Web Scraping with Javascript & Next.j...
In this video we will learn what is web scraping and use Bright Data's scraping browser to scrape live data for our travel planner app built using Next.js 14, Next UI, TailwindCSS, Zustand, Typescript, Redis, BullMQ, Puppeteer, Stripe, Prisma, PostgreSQL, deployment on Aptible with Docker and much more.
📚 Resources/Links
Source Code (Give a ⭐️ it's free) : https://github.com/koolkishan/nextjs-...
Assets: https://drive.google.com/file/d/1TKV-...
Stripe Docs: https://stripe.com/docs/payments/quic...
NextUI Docs: https://nextui.org/
Aptible: https://www.aptible.com/
💻 Join our Discord Community - / discord
🐦 Follow me on Twitter - / thekishansheth
🖼️ Follow me on Instagram - / thekishansheth
💼 Follow me on LinkedIn - / koolkishan
📚 Concepts & Features Covered
🚀 Next.js 14 App Directory with Tailwind CSS - Experience the sleek and modern UI, powered by the latest Next.js 14 and styled with Tailwind CSS for that perfect look and feel.
🔗 API Routes & Server Actions - Dive into seamless backend integration with Next.js 14's API routes and server actions, ensuring efficient data handling and server-side logic execution.
🕷 Scraping with Puppeteer, Redis, and BullMQ - Harness the power of Puppeteer for advanced web scraping, with Redis and BullMQ managing queues and jobs for robust backend operations.
🔑 JWT Tokens for Authentication and Authorization - Secure your app with JWT tokens, providing a reliable method for authentication and authorization across your platform.
💳 Stripe for Payment Gateways - Integrate Stripe for seamless payment processing, enabling secure and easy transactions for booking trips, flights, and hotels.
✈️ Book Trips, Flights, and Hotels with Stripe Payment Gateway - Make your travel booking experience effortless with our Stripe-powered payment system.
📊 Scrape Live Data from Multiple Websites - Stay ahead with real-time data scraping from multiple sources, keeping your app updated with the latest information.
💾 Store the Scraped Data in PostgreSQL with Prisma - Leverage PostgreSQL and Prisma for efficient storage and management of your scraped data, ensuring reliability and speed.
🔄 Zustand for State Management - Enjoy smooth and manageable state management in your app with Zustand, simplifying state logic and enhancing performance.
📦 Deployment on Aptible using Docker - Deploy your app confidently on Aptible with Docker, ensuring security and scalability within a containerized environment.
⏱️ Timestamps
00:00 Demo
10:38 Scraping Browser Intro
13:08 Flight Scraping Search UI
59:34 Flight Scraping from Kayak
01:40:00 Flight Search Results
02:00:00 Flight Booking
02:06:40 Hotel Search UI
02:23:00 Hotel Scraping from Kayak
02:41:10 Hotel Search Results
02:50:30 Hotel Booking
02:52:57 Admin Bookings Page
02:59:25 Admin Hotels Page
03:03:10 Admin Logout
03:03:55 Next,js Middleware for Admin
03:07:21 Admin Dashboard API
03:12:40 Admin Dashboard UI
03:24:13 Deployment on Aptible
#nextjs #webscraping #travelplanner #tailwindcss #zustand #webscraper #aptible #stripe #admindashboard
Смотрите видео 🔴 Next.js 14 Booking App Part 2 (Web Scraping with Puppeteer, Scraping Browser, Redis & Deployment) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Kishan Sheth 17 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,527 раз и оно понравилось 86 людям.