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.
- 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
- 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
- Clone the repository
git clone https://github.com/your-username/full-stack-airbnb-clone.git
- Install dependencies
cd airbnb_fullstack
npm install
- Create a
.envfile 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
- Start the development server
npm run dev
- Open http://localhost:3000 with your browser to view the app.
Contributions are welcome! Please open an issue or pull request for any changes.
This project is licensed under the MIT License