🔴 Full Stack Airbnb Clone with Next.js 14 App Router: React, Tailwind, Prisma, Node.js & Amplication
In this video we will create a full stack Airbnb Clone with Next.js 14 App Router, Reactjs, Tailwind CSS, Prisma, Node.js, Typescript, Zustand. We will be using Amplication for the backend.
Amplication automatically generates backend services with the highest standards, consistency, and scalability. Accelerate your development 20X. Save time on boilerplate and repetitive coding again.
https://www.amplication.com/
Amplication is open source. Star their GitHub repo: https://www.github.com/amplication/am...
📚 Links and References
Starter Code: https://github.com/koolkishan/nextjs-...
React Map GL: https://visgl.github.io/react-map-gl/
Cloudinary: https://cloudinary.com/
Blog Post for Amplication Setup: https://dev.to/koolkishan/full-stack-...
🔔 Subscribe for more!
/ @kishansheth21
🎁 Support me with a donation
https://www.buymeacoffee.com/koolkish...
Join My Discord Community
/ discord
Features of the AirBnb Clone
Built using Next.js
Styled with Tailwind CSS
Backend generated using Amplication
State Management with Zustand
Realtime Maps using Mapbox API
Login Signup using JWT Tokens
API Call's using Axios
Functionalites of the AirBnb Clone
Create Listings
View Listings
Book Listings
Delete Listings
Add Listing to Wishlist
Remove Listing from Wishlist
View booked Listings
Search Listings
Search Listings using Map
View Listings Data on Map
Timestamps
00:00:00 Demo
00:07:43 Amplication Intro
00:08:48 Amplication Project Setup
00:10:33 Airbnb Amplication Entities
00:19:10 Project Setup
00:22:30 Amplication Discord and Github
00:23:00 Amplication Upload Prisma Schema Feature Intro
00:23:40 Airbnb Clone Project Architecture Intro
00:26:00 Project Initial Setup
00:27:00 Navbar
00:39:04 Footer
00:46:50 Auth Modal
01:28:21 Zustand Setup
01:35:55 Signup & Login
02:13:00 Create Listing
04:45:55 View List View Listings
05:08:00 View Map View Listings
05:31:25 My Listings Page
05:50:33 Wishlists Page
05:55:30 Listing Page
#kishansheth #reactjs #nextjs #airbnb #amplication #fullstack #webdevelopment #frontenddeveloper #backenddeveloper
Смотрите видео 🔴 Full Stack Airbnb Clone with Next.js 14 App Router: React, Tailwind, Prisma, Node.js & Amplication онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Kishan Sheth 14 Август 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 41,060 раз и оно понравилось 1.2 тысяч людям.