nextjs-airbnb-clone-project Tailwind Templates

Nextjs Airbnb Clone Project

Created with Clerk Auth, Prisma, MongoDB, Supabase, Zod, React, TypeScript, Tailwind CSS, and Shadcn.

NextJs Airbnb Clone Project

  • Built from scratch (No use of any external rental APIs)

  • Created with Clerk Auth, Prisma, Supabase, MongoDB, React, Zod, TypeScript, Tailwind CSS, and Shadcn.

Project URL: https://nextjs-airbnb-clone-project.vercel.app/

Key Features:

  • Secure login with Clerk Auth. Middleware setup to define public routes and admin only routes.
  • Profile creation and profile update (profile image, username, and name) functionality.
  • Booking calendar with blocked dates for existing bookings.
  • Property filter based on property type.
  • Add to favorite and write review functionality.
  • Edit rental and delete rental functionality.
  • Booking stats for user's own rentals (total revenue and total night's booked)
  • Admin only dashboard to preview application stats and chart displaying last 6 months of booking history.
  • Hosted on Vercel.

At Glance

project image project image project image project image project image

Top categories

Loading Svelte Themes