- Project aims to create a Airbnb clone with using NextJS.
- This is a Next.js project bootstrapped with
create-next-app
.
- I prepared a small-scale project in order to understand the NextJS that I have learned recently.
- I use Mabpox, react-map-gl and geolib for maps and locations and TailwindCSS for styling.
- I found the project from Youtube(Sonny Sangha). You can see the related video from here
You can reach my project from here ๐
nextjs-airbnb-clone (folder)
|----readme.md
SOLUTION
โโโ components
โ โโโ Banner.jsx
โ โโโ Footer.jsx
โ โโโ Header.jsx
โ โโโ InfoCard.jsx
โ โโโ LargeCard.jsx
โ โโโ MapGL.jsx
โ โโโ MediumCard.jsx
โ โโโ SmallCard.js
โโโ pages
โ โโโ _app.js
โ โโโ _document.js
โ โโโ index.js
โ โโโ search.js
โโโ public
โ โโโ favicon.ico
โโโ styles
โ โโโ global.css
โโโ .gitignore
โโโ next.config.js
โโโ package.json
โโโ postcss.config.js
โโโ tailwind.config.js
โโโ yarn.lock
- HTML
- CSS
- JavaScript
- ReactJS
- NextJS
- TailwindCSS
- Geolib
- React-map-gl
- Mapbox
- Heroicons
- React-date-range
To run this project;
- Signup https://www.mapbox.com/ and create new account.
- Copy your public token from your account page.
- Create a .env.local file and set your MAPBOX_KEY for maps and locations:
After these you can run the project as usual =>
$ git clone https://github.com/esadakman/nextjs-airbnb-clone.git
$ cd ./nextjs-airbnb-clone
$ npm install / yarn
$ npm run dev / yarn dev
Open http://localhost:3000 with your browser to see the result.