Build Airbnb Clone with NEXT.JS! | App Directory (ReactJS, Tailwind CSS, Mapbox)
Next js 14 Tutorial for Beginners - Learn Nextjs 14 (App Router) with TypeScript and build awesome full-stack apps!
• Learn Nextjs 14 (App R...
الكورس كامل علي يوديمي : www.udemy.com/course/nextjs-c...
☕ Buy Me A Coffee ➜ www.buymeacoffee.com/kareem4s...
🚩 Subscribe ➜ / @simplearabcode
Source Code on Github:
- github.com/Kareem2002Shimes/A...
- github.com/Kareem2002Shimes/A...
🔗 Playlist for Nextjs Series:
• Learn Next.js in Arabic
🔗 ReactJS Projects:
• React JS Projects .
👇 Follow Me On Social Media:
Github: github.com/Kareem2002Shimes
facebook: profile.php?...
LinkedIn: / kareem-shimes-6a9b3a200
⏱️ Timestamps:
00:00 Intro
01:30 Creating a Nextjs Project & Setting Up Our IDE
10:17 Add Header in layout.tsx
22:34 Add Searchbar
31:23 Add Banner Section
37:00 Add Explore Section
40:29 Add apis & Date fetching
40:30 Fetch Explore data in server side
56:06 Add Live Section
01:05:38 Add GreatestOutdoors Section
01:10:01 Add Footer
01:15:50 Render Date Range Picker
01:42:00 Add Search Result
01:45:48 Add Search Params
01:52:21 Change Placeholder in search result
02:05:09 Add Listing Cards
02:23:06 Add Mapbox
02:52:55 Add NextTopLoader
02:55:20 Push Project to Github
02:58:46 Deploy app to Vercel
2 июл 2024