Well taught mate. Thanks 😀

For me installing the prettier formatter extension into vscode and set it as the default formatter did the trick :)

Thanks for making this video. I was having trouble finding a solution to manage secrets and now I know.

Thank you so much I was so frustrated with securing my Contentful API Keys (even if they are only read-only), this helps a lot!

Dan you are awesome thanks

This helped me big time when figuring out how to hide secrets like API keys or tokens without needing to host a backend proxy server. Since we'd be deploying to a BaaS anyway the use of serverless functions is of great help when dealing with 3rd party API calls and such. Thanks!

Thank you so much, your video helped me a lot

I love your VS code Theme.. what is the name please ;)

This was super helpful! Got my first netlify function to work 🥳

Thank you Dan 👍

I had been stuck at this for some days now, you are a lifesaver buddy, I also checked out some of your other videos and I have to say, they are great

So, since VueJS changed a lot in terms of scaffolding a project, I was wondering if there's any up to date version on how to get this working perfectly. As package.json looks a lot different with vue-cli being deprecated. Thanks!

I'm coming across a problem where If I try to do a batch of API calls it returns a 500 error. Probably due to rate limiting, any workaround for this? On the Frontend I'm able to do this easily with no issue but my API key would be at risk. Also it seems like doing the fetching using Netlify Functions slows down the runtime for the Frontend.

You explained things very well and I'm glad you kept the part on troubleshooting bugs or error that you encountered. It really gave me an exposure.

Spectacular video Dan, really helpful. Thanks a lot!

extremely long winded, this video could easily be 10 minutes long

I'd like to ask a question.. is my assumption correct that netlify serverless function's are not suitable for web apps with large volumes of traffic? i can see the limit of serverless functions is 125k per site for netlify. I presume that means if 125k people visited the weather example site, this would mean 125k serverless functions to gather the data and a charge would be incurred for surpassing the limit?

Great video, thank you. It was quite refreshing to see a content creator make little mistakes along the way and not editing it out, i actually learnt a little more this way.

such an underrated video! Half way in the video and i already leraned so much. Great stuff!

Hey Dan, after some tinkering around and praying everything goes smoothly with my React Application it works! Thank you so much kind sir, we need more people like you! Sending you much love.❤❤❤❤❤❤❤

For some weird reason using Fetch will not work for this project and cause an error but switching over the Axios seems to fix the issue. I don't know why. Aren't they basically the same thing just with Axios making it more simplified process?

you talk too much

you talk too much

Thank you so much Dan! I am really grateful for this amazing tutorial.

Okay, I won't be able to copy/paste your API key and abuse it but this is in case I just want to abuse your API key and nothing else. I believe many of the "attacks" are related to simply stealing data. So, in your case, I will not be making calls directly to the weather API using that secret API key that you hide in a environment variable but I will STILL be ABLE to indirectly get the data from that API by navigating to that specific URL on your public website. Isn't that right? I believe that hiding your API key without implementing some kind of Authentication to your website is just a problem half solved. In addition to that it is good to add some kind of HTTP 429 restrictions.

This has been so so helpful, I hope you make more of these. I finally felt like I could actually understand it when it was read aloud, thank you 🫶🏽

Thank you, really appreciate a long and in depth video about this topic. Its often overlooked

In 37:40 how did you get the multi-cursor function?

So good! I really appreciate the nice slow pacing and detailed over-explaining!

Question please: I have a project, that has access to a database. The Client ID, Client Secret and Refresh Token are used to generate an ACCESS CODE, which is only valid for 60 minutes, upon which a NEW Access Token has to be generated. The ClientID, -secret and Refresh token I am hiding in Netlify's variables, and I access them through a serverless functions. My question is: Where do I put the Access Token so that it is NOT accessible/visible in the front end for the hour that it is valid?

Dan! This was GREAT! Thanks! You made it SOOOO clear to understand. I am a total newbie, but following this tutorial was an eye opener. I really needed it!

Dear Dan, I hope you are well. Thanks for the video. It helped me a lot. Dan, maybe I can ask you something, please. I'm going insane here and I hope you can answer: As in your example, I have the /functions folder above the /src folder. Structure: /main/functions/fetch-api.js (in my case) /main/src/index.html, netlify.toml and so on. Unfortunately, my project only works if I also place the Functions folder under the "/src" path. So I have to put the "/function" folder in "/src/function" because after netlify build and netlify deploy only /src can be accessed from external. I got myself extra netlify (didn't know that before) because I thought that with netlify and axion in combination, everything works like a kind of proxy that hides the request to the server with the API. In this case, however, I can call /functions/whatever.js and the script is displayed in the browser. My goal is that the API key can no longer be found at all. I use some Amazon AWS keys and want to hide them with API_SECRET_n1-nx like in your example. Do you maybe have an idea what I could possibly do? I've been desperate here for days. I would be happy about an answer, greetings into your home country. Thanks in advance and best regards, Stefan

But if your netlify functions doesn’t have any authentication then anyone can call your functions in a loop to hit the limit right? You can setup rate limiting for the functions, but even still with patience they can slowly hit the api key limit right?

Hey Dan, which theme are you using in VsCode?

What is your icon theme? pls, its dope

These series are super helpful !! Thank you

4:42 package . jason 9:26 vetur 18:04 package . jason (cont.)

Finally!!💃💃 Thanks for the video

Why tabs are nonsense? People use it because you can set width of tabs in your code editor.

Would this also work if my API key has to be inside a header?

@Dan Fletcher This video was great. It really helped me get my app working the way I want it to. I'm just masking the my API key for a free weather API but the exercise can be applied to more sensitive information in the future. One question - This video is just a bit over a year old, and I'm wondering if you would still use Axios if you were making it today. I've been told that Axios is out of style, and Fetch is the move. I only started studying JS one year ago myself, so I'm just trying to get a handle on what's the best method today. Thank you!

thanks man!

Is it possible to do this with an app that is deployed on tomcat? It looked like you were going to maybe show a way with the concurrently dependency… also thanks for this concise video

This was exactly what I was looking for. Such a good explanation! Only thing I would ask for is to set your VS code and browser to full screen, the code was a little bit hard to see on my small laptop. Thanks for the lesson man!

Good video keep it up

2:45 it's not true on my machine it's passing all test cases but on internet version it shows error

Great video!

Great video, helped me a lot too! I'm doing something similar with an exchange rates API. I need to update the response with a historical rates endpoint, how can I update the endpoint where you using "current'? Do I need to use queryStringParameters or something else? About the video I found that sometimes the font size was a little too small for me, maybe try to increase it in the future.

great video. thank you for your sharing

I'll bump this video by leaving the comment here. Best wishes and HNY.