Skip to content

SRayen/Booking-Clone-NextJS

Repository files navigation

Mini Booking.com Clone with Next.js and Oxylabs

📘 Introduction

This repository houses a mini-project inspired by Booking.com, built using Next.js and leveraging Oxylabs.
It offers a glimpse into the mechanics of a complex travel booking platform, focusing on core functionalities like search, display, and basic booking flow.

Booking.webm

🧩 Features

  • User-friendly Search: Search for accommodations by location, date, and number of guests.
  • Dynamic Accommodation Display: View relevant details about available hotels, apartments, and other lodgings, including images, amenities, and prices.
  • Basic Booking Flow: Simulate the booking process by selecting dates, guests, and rooms (currently not connected to any real booking system).

🚀 Technical Features

  • ➡️ Hybrid Rendering with Next.js: Combines SSR for instant page loads and SEO with ISR for automatic data refresh, ensuring optimal performance and up-to-date information.
  • ➡️ Oxylabs Web Scraper API: Scrape data from Booking.com.
  • ➡️ React Hook Form & Zod: Offer a powerful solution for handling form validation and management.
  • ➡️ Shadcn/UI: A modern, Tailwind CSS-powered component library that offers beautifully designed, customizable components for seamless integration into web development projects.

Note:

If you encounter a scenario where the public URL link is used and the search yields no results, it may be due to the expiration of the API credentials, which are provided free of charge, or it could also be due to limitations of the Vercel Hobby plan (requests taking more than 10 seconds to process).