Airbnb clone with Next.js 14

A Full Stack Airbnb Clone with Next.js 14. To develope technology used: Tailwind-css, Prisma, MongoDB, NextAuth -Login (Google and Facebook), Image upload, Cloudinary CDN, Location selection, Map component, Country autocomplete, Fetching listings with server components.

✅Live Demo ✅ Author ✅ Report Issues

📖 Table of Contents

• About the project
  • Screenshots
  • Technologies
• Getting Start
  • Prerequisites
  • Run Locally
  • Environment Variables
  • Deployemnt
• Author

📜 About the project

Screenshots

👨‍💻Technologies

Client: React, Next.js 14, Zustand, TailwindCSS, Typescript, NextAuth, Prisma Client

Server: Node, Express, Mongodb, Cloudinary

🚀Getting Start

Prerequisites

• Install Node JS in your computer HERE
• Install NextJS in your project HERE
• Sign up for a Cloudinary account HERE
• Sign up for a Google Cloud Platform HERE
• Sign up for a Facebook HERE
• Install Node JS in your computer HERE

Run Locally

Clone the project

  git clone https://github.com/Mostak-Ahamed-Nishat/MERN_AirBnb_clone.git

Go to the project directory

  cd airbnb

Install dependencies

  npm install

Create a .env file at the root directory

  touch .env

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

DATABASE_URL

NEXTAUTH_SECRET

GITHUB_ID

GITHUB_SECRET

GOOGLE_CLIENT_ID

GOOGLE_CLIENT_SECRET

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME

🏃 Start the server

   npm run dev

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

⭐ Deployemnt

To deploy this project run

Deploy on Vercel

Author

• @Md Mostak Ahamed