Welcome to this comprehensive tutorial on building a full-stack Taxi Booking App using the latest technologies! In this video, we'll guide you through the entire process of creating a feature-rich application from scratch, integrating Next.js 13, React, Typescript, Tailwind CSS, and Mapbox.
By the end of this tutorial, you'll have a fully functional Taxi Booking App that leverages the power of Next.js 13, React, Typescript, Tailwind CSS, and Mapbox. Whether you're a seasoned developer looking to learn new skills or a beginner eager to dive into full-stack development, this tutorial has something for everyone.
👉 Part 2 : Build Full stack Next js 13 App: NextJs 13, React, Typescript, Tailwind css, Stripe, Mapbox - Part 2
[ Ссылка ]
👉 Github Source Code : [ Ссылка ]
MAPBOX WEBSITE : [ Ссылка ]
Clerk : [ Ссылка ]
🔔 Join this channel to get access to perks:
[ Ссылка ]
Session Token Can be generated as session_token=[GENERATED-UUID]
GENERATED-UUID: Any Random UUID
const sessionToken = uuidv4()
Refer Doc: [ Ссылка ]
🔔 Stay Updated:
Don't miss out on future tutorials! Subscribe and hit the notification bell to stay informed about the latest web development guides, tips, and tricks.
🤝 Connect with Us:
Have questions, feedback, or ideas? Leave them in the comments section below. Let's learn and grow together as we embark on this exciting journey of building a full-stack Taxi Booking App!
👉Complete React Native Course: [ Ссылка ]
👉Full Stack Blog Website using React Js, Tailwind Css, Vite | React Js beginner tutorial : [ Ссылка ]
👉Build Full Stack Next Js 13 app : Next Js, React, Tailwind Css, Firebase, NextAuth : [ Ссылка ]
👉Learn React Native By Building an Educational App (Complete PlayList): [ Ссылка ]
👉Full Stack AI Chatbot : React Native, Next.js 13, Google Bard API, Expo : [ Ссылка ]
🔴Follow us on Instagram: [ Ссылка ]
🔴Telegram Channel: [ Ссылка ]
🔴Buy Me a Coffee: [ Ссылка ]
#NextJs13 #React #Typescript #TailwindCSS #Mapbox #FullStackDevelopment #WebDevelopment #tutorial
🚖 Timestamps:
00:00 Introduction
04:23 Create Next 13 App
06:55 File & folder Explained
11:31 Clerk Authentication
19:08 Custom Font
20:59 Navbar
30:10 Layout Change
34:13 Address Field
42:11 NextJs Api Using MapBox
52:25 Autocomplete Address
01:04:52 Car List
01:14:53 Payment Method
01:23:50 Add Mapbox Map
01:29:18 User Location
01:36:47 User Location Marker
01:40:11 Get Latitude & Lng of Address
01:55:26 Source & Destination Markes
02:05:46 End Of Part 1(Par2 Intro)
