Airbnb NextJs Clone

👾 Tech Stack

Client

• Typescript
• Next.js
• React.js
• TailwindCSS

Server

• Typescript
• Prisma

Database

• MongoDB

🎯 Features

• Property owners can add their properties to the website and they can manage their properties' reservations.
• Users can filter the properties like countries, dates, rooms, guests etc.
• Users can add the properties to the favourites section.
• Users can manage their existing reservations from my reservation section
• This website supports login with GitHub, Google and Email.

🔑 Environment Variables

To run this project, you will need to add the following environment variables to your .env file. you can refer .env.example file for the references.

DATABASE_URL NEXTAUTH_SECRET GOOGLE_ID GOOGLE_SECRET GITHUB_ID GITHUB_SECRET NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME

🧰 Getting Started

System Requirements

• git v2.13 or greater
• nodejs 14 || 16 || 18
• npm v8.16.0 or greater

All of these must be available in your PATH. To verify things are set up properly, you can run this:

git --version
node --version
npm --version

‼️ Prerequisites

This project uses Yarn as package manager

 npm install --global yarn

🏃 Run Locally

Clone the project

  https://github.com/ashishkk22/nextjs-airbnb-clone.git

Go to the project directory

  cd nextjs-airbnb-clone

Install dependencies and add the required environment variables in the .env

  yarn install

To synchronize your Prisma schema with your database schema run

  npx prisma db push

Start the dev server

  yarn dev

🤝 Contact

Ashish Kachhadiya - [email protected]