Airbnb Clone with Supabase, Next.js, TypeScript, Prisma, Tailwind CSS, and Kinde

Overview

This project is a full-stack Airbnb clone built using modern web technologies including Supabase for real-time database and user management, Next.js for client and server-side rendering, TypeScript for type safety, Prisma for database management, Tailwind CSS for styling, and Kinde for additional authentication features.

Features

• User authentication and authorization system powered by Supabase and Kinde.
• Real-time database functionality for dynamic content updates.
• Server-side rendering with Next.js for improved performance and SEO.
• Type safety and improved code maintainability with TypeScript.
• Database management and ORM capabilities with Prisma.
• Beautiful and responsive UI using Tailwind CSS.

Installation

1. Clone the repository:

   git clone https://github.com/shpetimaliu/airbnb.git

2. Navigate to the project directory:

   cd airbnb-clone

3. Install dependencies:

   npm install

4. Set up environment variables:

   • Rename .env.example to .env and fill in your Supabase and Kinde credentials.

5. Run the development server:

   npm run dev

6. Open http://localhost:3000 in your browser.

Deployment

To deploy this project, you can follow the deployment instructions for your preferred hosting platform. Here are some common options:

• Vercel: Deploy seamlessly with Vercel using the Next.js framework.
• Netlify: Simple deployment with continuous integration support.
• Heroku: Deploy a full-stack application with ease.

Contributing

Contributions are welcome! Feel free to open issues and pull requests to suggest features, report bugs, or make improvements.

Before contributing, please review the contribution guidelines.

License

This project is licensed under the MIT License.

Acknowledgements

• Supabase for providing a powerful real-time database and authentication solution.
• Kinde for enhancing authentication features.
• Next.js for enabling server-side rendering and simplifying React applications.
• TypeScript for adding static typing and improving code quality.
• Prisma for ORM capabilities and database management.
• Tailwind CSS for fast and customizable styling without writing CSS.

----SCREENSHOT----