AIRBNB with NextJS 13

Description

This project is a clone of AIRBNB using NextJS 13

Demo

https://windbnb-olive-theta.vercel.app/trips

Technology Stack

NextJS 13 and MongoDB

Prerequisites:

NodeJS, npm, cloudinary account, mongodb account and configurations of google and github for SSO(Single Sign-On)

Plugins used:

Node: https://nodejs.org/en/download/package-manager
NextJS: https://nextjs.org/blog/next-13
Next-auth: https://next-auth.js.org/
axios: https://axios-http.com/docs/intro
bcrypt: https://www.npmjs.com/package/bcrypt
date-fns: https://www.npmjs.com/package/date-fns
leaflet: https://leafletjs.com/
tailwind: https://tailwindcss.com/
zustand: https://www.npmjs.com/package/zustand
prisma: https://www.prisma.io/
cloudinary: https://www.npmjs.com/package/next-cloudinary
query-string: https://www.npmjs.com/package/query-string
react hook forms: https://react-hook-form.com/
react-hot-toast: https://react-hot-toast.com/
react-icons: https://react-icons.github.io/react-icons/
react-select: https://react-select.com/home
react-spinners: https://www.davidhu.io/react-spinners/
world countries: https://www.npmjs.com/package/world-countries

To run the project

1. Clone the app: git clone https://github.com/siuols/AirBnb.git
2. Create Cloudinary, MongoDB and Google Cloud account
3. setup environment variables (.env)

• DATABASE_URL=
  GITHUB_ID=
  GITHUB_SECRET=
  GOOGLE_CLIENT_ID=
  GOOGLE_CLIENT_SECRET=
  NEXTAUTH_SECRET="NEXTAUTH_SECRET"
  NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
  

4. Install dependencies bash $ npm i
5. Run server bash $ npm run dev

License

Distributed under the MIT License. See LICENSE.txt for more information.