This is a real estate listings website built using Next.js 13, Chakra UI, and the Bayut API from RapidAPI.
This project is a web application that allows users to search for real estate listings. It fetches data from the Bayut API, which provides a wide range of real estate listings including apartments, villas, and commercial properties. The website is built using Next.js, a React framework for server-side rendering, and Chakra UI, a popular UI component library.
- User-friendly search interface to find real estate listings
- Integration with the Bayut API to fetch and display real-time data
- Responsive design for optimal viewing on various devices
- Pagination and filtering options to refine search results
- Detailed property information including descriptions, images, and contact details
- Clone the repository:
git clone https://github.com/sachintom999/NextJS-real-estate
- Change into the project directory:
cd NextJS-real-estate
- Install dependencies:
npm install
Before running the application, you need to obtain an API key from RapidAPI for the Bayut API. Follow these steps:
- Visit the Bayut API on RapidAPI.
- Sign up for an account or log in if you already have one.
- Subscribe to the Bayut API and obtain your API key.
- In the project directory, create a
.env.local
file. - Add the following line to the
.env.local
file, replacingRAPID_API_KEY
with your actual API key: