Skip to content

FullStack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023

License

Notifications You must be signed in to change notification settings

Stanwukong/AirBnb_FullStack

Repository files navigation

Full Stack Airbnb Clone

This is a full stack Airbnb clone built using Next.js 13, App router, React, Tailwind CSS, Prisma, MongoDB, and NextAuth. It provides a platform for users to browse and book vacation rentals as well as list their own rental properties.

Screenshots

Home Page

Features

  • User authentication and authorization using NextAuth
  • User profile management
  • Property listing management
  • Search functionality to filter rental properties based on location, date range, and number of guests
  • Responsive design Using Tailwind CSS

Technologies Used

  • Next.js - A React framework for server-side rendering and static site generation
  • React - A JavaScript library for building user interfaces
  • Tailwind CSS - A utility-first CSS framework
  • Zustand - A state management library for React
  • Axios - A promise-based HTTP client
  • React-hot-toast - A React library for toast notifications
  • Prisma - An open-source ORM for Node.js
  • MongoDB - A document-based, NoSQL database
  • NextAuth - Authentication for Next.js
  • Next-Cloudinary - A Next.js library for image and video upload and storage

Getting Started

  1. Clone the repository
git clone https://github.com/your-username/full-stack-airbnb-clone.git
  1. Install dependencies
cd airbnb_fullstack
npm install
  1. Create a .env file in the root directory and add the following environment variables:
NEXTAUTH_URL=http://localhost:3000
DATABASE_URL=<...> // To be included
STRIPE_SECRET_KEY=<...> // To be included
  1. Start the development server
npm run dev
  1. Open http://localhost:3000 with your browser to view the app.

Contributing

Contributions are welcome! Please open an issue or pull request for any changes.

License

This project is licensed under the MIT License

About

FullStack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages