Build Full stack Next js 13 App: NextJs 13, React, Typescript, Tailwindcss, Mapbox, Taxi Booking App

preview_player
Показать описание


👉 Part 2 : Build Full stack Next js 13 App: NextJs 13, React, Typescript, Tailwind css, Stripe, Mapbox - Part 2

🔔 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()

🔔 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!

#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)
Рекомендации по теме
Комментарии
Автор

I am new in the web development, and just a beginner in React and don't know anything about NEXTJs and Typescript. But after seeing this project and your explaining I'm very excited to start this tutorial with this amazing project. Loving your way of explaining man 👍👍👍👍, this type of project is a gem for me as a beginner. Can't wait for part 2 of this project.

woqdeyc
Автор

thanks for your tutorial and i am waiting for part 2

loverphp
Автор

Great video u drop as always, would love to see the react native version.

iamdanajr
Автор

Amazing work man, you'r one of the best on YouTube

yantech.
Автор

Waiting for the next video sir ... This was out of the box ... Thanku soo much 🤍

satvik
Автор

you are a Great teacher much love to u

aminoussoul
Автор

sir, I have recently completed this video, it's just awesome. Your explanation throughout the video Is top-notch....Sir, please please upload the 2nd part of the video

qkrrgyf
Автор

Thank you so much for sharing your knowledge, Sir Tube.

uminhtetoo
Автор

Great Implementation!! Beginner Friendly and very helpful for the experienced.

mohdali-yqgq
Автор

Another awesome content..🙌🙌🙌🙌 tnks alot i am learning alot from you

rockbelleh
Автор

Window is not defined it shows when using screenhight?

shubhamkumarmandal
Автор

Awaiting second part specifically the payment integration of google pay and phone pay and Apple pay.

mohdali-yqgq
Автор

Wow, nice proyect, thanks bro, like and comment <3

Deus-lo-Vuilt
Автор

Where to get session_token, my map and marker not working, but i am getting lat, lon on browser console fine

deepaktv
Автор

Thank you for this amazing tutorial. As I followed along with you, I discovered my page got an error after the Clerk installation process. But then on removing the "
"middleware.ts" file, the page ran smoothly. Please what could be the cause of this?

aliugodwinadeiza
Автор

It would be really appreciative if you could provide a starter file with assets such as Images, etc.🙂

eldcnxm
Автор

In the beginning, after creating the sign-up and sign-in pages, nothing pops up. It is just a blank white page?

ruby
Автор

Sir kindly make a big project which includes explaination of all the features of mab box.... may be kind of to uber clone with live tracking and cab selection according to the current location of the user and that of the cabs nearby it, distance calculation price etc 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

siddharthgupta
Автор

Keep getting a 401 unauthorized when trying to search, implemented the same code. Also the session token is hardcoded

DavidMejia
Автор

sir if you make responsive also will be great sir as it will complete projects

qeozmmj
visit shbcf.ru