Build Full stack Next js Application : Next Js, React Js, Tailwind Css, Google Place Api, Google map

#nextjs #react #tailwindcss #googleapi

00:00:00 Introduction
00:03:36 Technology Using for This Course
00:05:06 Create Next App
00:07:01 Folder Structure & Run App
00:10:59 Install Tailwind Css
00:13:49 Side Nav Bar
00:29:49 Search Bar
00:33:21 Category List
00:45:49 Business List Component
01:00:53 Generate Google Place Api
01:05:11 Create Google Place API
01:14:13 Get/Fetch Places From API
01:22:45 Iterate Business Place
01:27:35 Google Place Photo
01:34:45 useContext()
01:39:18 Shimmer Loading Effect
01:47:25 Get Current User Location Cord
01:57:31 Integrate Google Map
02:01:50 Show User On Google Map
02:07:43 Business Markers on Map
02:15:42 Show Selected Business on Map
02:24:00 Calculate Distance
02:40:31 Search Business
02:42:08 Quick Update/Fix

[shahhussain]

Please make a complete Grocery delivery app in next js with backend mongoDB.

[hemanthchowdary]

Awesome 🤩 Thank you very much.
Excited to learn 👌🏻

[avinashgardasalgonquin]

Wow, that's a lot of hard work bro!

[rockbelleh]

Brilliant tutorial please keep up d good work u r d best 😍😍😍😍😍

[minhnhatnguyen]

Hey also uss "create-next-app" but i get a app folder instead pages . Should i use this lastest folder ?

[Jibs-iqem]

Awesome video 👏 but how can someone have each marker to be clustered? I tried the MarkerClustererF tag and it didn't work

[vijayshankarcrypto]

Hi bro, Nice video as always. Thanks for sharing this video. Awaiting for the tutorial on people with similar-interests :-) - Hope we will reach 1M soon.

[shahnawazk]

Nice and precise! Thanks and keep it up.

[atheisttttt]

Are the GCP services which you used in this video free?
Or they need subscription?

[lehuynh]

hi. you can use Format on Save in vscode to automation format the code

[thearmilands]

Does this use Functional components or class components?

[computertechnology]

why you not using app router and typescript? btw thanks for your different kind of projects, you really doing nice work

[iamakashkumarram]

Can you make tutorial on Prishma, postgreSQL and GraphQL 😊

[Javascript-crxi]

Awesome tutorial.

Can you show us how to track the driver moving current location and show to other user with google map api key?

[YashGupta-nd]

in the new next app how we can integrate the api part it show error

[prashlovessamosa]

Thank you
Hello bahi kya kuch aur react native projects bna sakte 4 hour wala kafi awesome tha kuch chize change ho gayi can you make another one with latest stuff and thank you for knowledge that you are providing for free.

[sauhardyachakraborty]

Google Place API is not free of now, first it asks to create a billing account. How to get location api key without providing any credentials?

[richardguo]

how to deploy for that, can you show that?

[aniketghodmare]

Please make full stack aplication using next js and mongodb

[usmanmarkaz]

Hi sir plz make Project in React Native with graphQl or using Any kind of API from Rapid api hub plz make native projects with CLI