travelxml/airbnb-clone-sanity-next-react

Airbnb Clone - Build Backend and Frontend for Airbnb using React, Next, Sanity

AIRBNB CLONE Using REACT / NEXT / SANITY

Airbnb Clone - Create Backend and Frontend for Airbnb App using React, Next, Sanity.io

Getting Started

Let's first Up the Backend with Sanity CMS then we will go to Frotend, to display structured data's via Sanity SDK and React HOOK

Sanity

Sanity is the most flexible platform for building data driven content solutions.

Next.js

Next.js gives the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

React.js

React.js JavaScript library for building interactive user interfaces

Backend

Step 1: Download file >> go to backend folder then run the below commands.

npm i

Step 2: Run the development server:

sanity start

it will up the backend server to create schemas then access those schemas on frontend.

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

Frontend

Step 3: Now we are good to go ahead with Frontend, Run the below command, install the required packages:

npm i

Step 4: Run the server

npm run dev
# or
yarn dev

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

Help

If you get stuck, the Sanity community I was talking about can be found here on the Sanity Exchange (https://www.sanity.io/exchange) and the Sanity Slack Community (https://slack.sanity.io/).

Enjoy Coding!