Skip to content

A Clone Website Of The Famous Hotel Booking Site Airbnb Made Using NextJS 13, Tailwind CSS, Prisma, MongoDB, Next Auth, Razorpay Payments

Notifications You must be signed in to change notification settings

psykat1116/Airbnb

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Getting Started

  • Clone the repo
git clone https://github.com/psykat1116/Airbnb.git
  • Change the directory name to lowercase otherwise it will not work

  • Install dependencies

cd <Your Given Name>
npm install
  • Create a .env file in the root directory and add the following
DATABASE_URL=
NEXTAUTH_SECRET=
GITHUB_ID=
GITHUB_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
RAZORPAY_KEY=
RAZORPAY_SECRET=
  • Create a database in MongoDB Atlas and add the URL to the .env file

  • Create a Cloudinary account and add the cloud name to the .env file

  • Create a Github OAuth App and add the client ID and secret to the .env file

  • Create a Google OAuth App and add the client ID and secret to the .env file

  • Add any secret string to the NEXTAUTH_SECRET variable in the .env file

  • Create A Razorpay Account. Be Very Cautious You Need To Give All Necessary Details & Need To Go To TEST Mode. Create A New API Key & API Secret.

  • Run the development server:

npm run dev
  • Use The Test Card Description Below. Please feel free to check out for more Here For Card & Here With UPI.
5267 3181 8797 5449
success@razorpay

Open http://localhost:3000 with your browser to see the result.