Thanks a lot for your effort. One thing is that when i route from index to another page i get the "Message: The specified key does not exist." any idea how to solve that?
Hello, can anyone please help with this problem? In AWS S3, when I opened the static website link, I am not able to view my web page. I checked the developer tools for errors, but there are no issues in the console as well..
Cloudfront is a CDN, and S3 is an object storage service. You can't really "host" a website on cloudfront. Rather, you have the option to host it on S3 and then integrate cloudfront with it. But you can go without cloudfront and just do S3 like I did.
this can be use for a web app? i want to start something that is interactive, with user , login, crud operations... does this work or what do you recomend? Nice viceo btw, thanks
Absolutely. Just have your backend API hosted somewhere else and use S3 to host the frontend. Then make API requests and have your app provide the functionality :D
yhea, I thought of that... but i cant get my front end on in s3, i dont know how to serve env variables to aws.. becouse i use some for cognito userpool@@devguyahnaf
I can see my website in the url but when i go to a different page e.g. anotherpage, and it gets appended at the end of the s3 url like "s3url/anotherpage" and there i hit refresh, it gives a Key not found error, how to fix this?
I create a react webpage a vite build. However l, when I upload the files to s3 I receive this error Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "binary/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec. If I upload the files through the cli will that work ? And fix that error ?
React .env files arent really sensitive as you are not supposed to store secrets in there. When React gets compiled, the .env files also get embedded into the build, so there's no need to put them there.
For some reason, npm start executes successfully and create react app starts but serving the build folder simply opens a blank page. Also, i tried uploading both the build and the actual files but both show a blank page. Any help??
I don’t think npm start will create the build folder, that just opens the app in localhost right? ‘npm run build’ is the command to get the build folder generated.
Yes. But that would require some configuration since S3 isn't aware of React Router. Take a look at this post I found: stackoverflow.com/questions/66326106/react-router-locations-on-aws-s3-bucket-do-not-work
This was a good tutorial bro. Watched others but this one had exactly what i was looking for and got our test website up in minutes. Thanks my guy.
Thank you :D
Thanks for this! Extremely useful, direct and straight to the point
Super comprehensive video. Thank you so much ❤
thanks bro, I've come back here like three times because I forget the build step lol
I'm glad it helped you bro, and it's fine if you keep coming back xD
@@devguyahnaf as someone just getting into software dev and AWS, these videos are mucb appreciated
Thank you! This was simple and straight to the point.
Bro! Thanks for the tutorial, i get stuck with the 403 forbidden error i did know that i have a to make an extra policy! You saved my life!
Thanks for this video and also adding link for aws cli setup
Thanks a lot for your effort.
One thing is that when i route from index to another page i get the "Message: The specified key does not exist."
any idea how to solve that?
Did you ever figure this out?
Thank you so much. That's a great video. It make it very simple for beginniner.
What's the difference between hosting on AWS Amplify vs AWS S3? Isn't S3 used for storage
Thanks for making useful content ❤❤
What if i want to use my own domain ??
Can you tell about your backend?
you rock, thanks!
Thanks DevGuyAhnaf
awesome video. thanks a lot
how can i add file env in s3, thank you :3
Hello, can anyone please help with this problem? In AWS S3, when I opened the static website link, I am not able to view my web page. I checked the developer tools for errors, but there are no issues in the console as well..
thanks for this
i can restrict visibility using VPN and whitelisting some internal IPs, right? will it still work same way?
(i want to use for internal demos)
The video is quite detailed. I an just having some issue. what program were you running before?
Thanks bro
which one is better to host web app? cloudfront or s3?
Cloudfront is a CDN, and S3 is an object storage service. You can't really "host" a website on cloudfront. Rather, you have the option to host it on S3 and then integrate cloudfront with it. But you can go without cloudfront and just do S3 like I did.
Thanks bro :)
this can be use for a web app? i want to start something that is interactive, with user , login, crud operations... does this work or what do you recomend? Nice viceo btw, thanks
Absolutely. Just have your backend API hosted somewhere else and use S3 to host the frontend. Then make API requests and have your app provide the functionality :D
yhea, I thought of that... but i cant get my front end on in s3, i dont know how to serve env variables to aws.. becouse i use some for cognito userpool@@devguyahnaf
I can see my website in the url but when i go to a different page e.g. anotherpage, and it gets appended at the end of the s3 url like "s3url/anotherpage" and there i hit refresh, it gives a Key not found error, how to fix this?
I create a react webpage a vite build. However l, when I upload the files to s3 I receive this error Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "binary/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec. If I upload the files through the cli will that work ? And fix that error ?
Thanks a lot, where to store my .env files from react?
React .env files arent really sensitive as you are not supposed to store secrets in there. When React gets compiled, the .env files also get embedded into the build, so there's no need to put them there.
For some reason, npm start executes successfully and create react app starts but serving the build folder simply opens a blank page. Also, i tried uploading both the build and the actual files but both show a blank page. Any help??
I don’t think npm start will create the build folder, that just opens the app in localhost right? ‘npm run build’ is the command to get the build folder generated.
Boss big fan
Solid video! Can you do a follow up with connecting this S3 bucket to Route53?
Yeah sure, soon
Putting the team on your back out here
Thanks for the awesome video. I've a doubt. Can we deploy multi-page react website with this method?
Yes. But that would require some configuration since S3 isn't aware of React Router. Take a look at this post I found: stackoverflow.com/questions/66326106/react-router-locations-on-aws-s3-bucket-do-not-work
@@devguyahnaf Thanks mate! & Best of luck!
Thanks for this video, it's very helpful! Can you tell me what linux distro you use? It looks intriguing
I use Arch Linux. You can modify Arch to your taste with a variety of customised Window Managers, Compositors, Terminals, etc. :)
best practic
Great
i love you
Pawg