2 HOURS to code Zillow Property App with Google MAP API + Next.js
Vložit
- čas přidán 27. 08. 2024
- Click here to follow along: bit.ly/hygraph...
Found this hard? Learn the fundamentals of JavaScript here: www.codewithan...
🚀 Sign up to www.codewithan... to receive access for the final code.
____
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webs...
⭐ New to code and none of this is making sense? Watch my '12hr+ CZcams Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine...
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow
When trying to fetch data from hygraph endpoint i'm getting empty array. Have all setup as the example. Can you help?
Have you allowed your ip address to access the data? Hygraph also have a great discord channel that can help I believe :)
@@aniakubow I'm having normal access. The request completes successfully, public access is enabled with read permission. But it comes back an empty array, and i have put data into it. Still nothing.
needed to add an http header parameter gcms-stage, like this:
headers:{
'Content-type':'application/json',
"gcms-stage":"PUBLISHED"
},
Thanks for sharing your solution! I will pin this in case others are having this issue :)
Ania you are pure gold, thank you for your time and effort
@aniakubow Hello Ania. At 59:26, I received an error message in the console. Here's the folder path => Property/[slug]/page.js . After refreshing the page, I noticed in the console that 'console.log(property)' was undefined. Is there a way to resolve this?
Have you given access to hygraph from your IP address :) (we do this as one of the steps). You can also join the hygraph slack channel for help here: hygraph.com/support
Someone else had this issue and this was their solution 😊:
@paradoxical33
13 days ago
needed to add an http header parameter gcms-stage, like this:
headers:{
'Content-type':'application/json',
"gcms-stage":"PUBLISHED"
},
Just finished this project, but i made it with angular 17!!!
very fun project to work on, the only major diference i did was on the search component, i put an observable on the component a made it subcribe on the home.
Thanks ania.
Oh wow that’s awesome!!! Nice one doing in it in angular :) 🎉🎉🎉🎉
Thank you for all videos Dear Ania❤
Too excited for the project maam please also teach us mern stack with mysql mega project
I’m excited too!
Svg?
You're amazing Ania! Many thanks for this tutorial!
You're so welcome!
after 53:23 I received an error message about the return data.data.property
Error: Cannot read properties of null (reading 'property')
Have you given access to hygraph from your IP address :) (we do this as one of the steps). You can also join the hygraph slack channel for help here: hygraph.com/support
@@aniakubow did u mean the step u do in the minute 35:16?
@@luisneto9599 yes that’s the one. If you can’t get the data I would assume it’s something to do with not being able to connect to hygraph. Things to check for are if your IP address is allowed to read the data, check your api keys are being read, check connection uri/urls. The slack channel is also good for help in this
Someone else had this issue and did this:
@paradoxical33
13 days ago
needed to add an http header parameter gcms-stage, like this:
headers:{
'Content-type':'application/json',
"gcms-stage":"PUBLISHED"
},
@aniakubow I solved here thank you very much for the help, ur a wonderful person, have a great day !
good morning , you have extra ordinary coding skills & extra ordinary faculty - thanks
Thank u so much Anya, I’m at the beginning of my ML journey, & I’ld to do a a car price predictor as I knew it’s a simple project. Would be grateful if provided tutorial for it
Love from INdia - Thanks -Karthikeyan
I'm confused, gorgeous girl + developer simply does not compute. Anomaly of nature. Take note nerds, they do exist, but its a bug in the matrix & imposible catch. Hats off to you Ania.
like ants serving a Queen 👸
@@McLovin16x29no it’s gold dust
Grow up
tbh kinda sad seeing yall simping here...like ants
Boooooo 🍅🍅🍅🍅🍅🍅 Boooooo
She is a very successful software developer and also a very beautiful woman. 🌻🌻
O ya baby. Lets code it.
Tahnk you for video and effort.😊
Thanks for watching 😍
can you make a video about how to start coding or web dev in general ?
Also what do you think about DJANGO
I have a free 12 hour coding my bootcamp on my channel ;)
@@aniakubow thank you, I will check
Спасибо огромное за видео, у меня только один вопрос: "Как забрать всю data из запроса в hygraph если у меня там 30 entry одним запросом", спасибо еще раз)))
I'm a old schooler I'm trying to mind boggle Unicode utf8 executable I bought this laptop just for windows xp 32bit so I could build graphic programs software apps and games like they use to do ntvdm is used to run the notepad code exe once saved with the executable extension .exe and ms-dos can compute like a engine to run the notepad coded executable 😅
👍😀. 100%
I want ania as my Cofounder
GROM
POLSKA GUROOOOOOO