How to Deploy React App (any static website) to S3 and CloudFront? (CI/CD Pipeline | GitHub Actions)

[@AntonPutra]

🔴 - To support my channel, I’d like to offer Mentorship/On-the-Job Support/Consulting - [e-mail]

[@TheVSI]

thank you, this was extremely helpful and ive succesfully deployed my site

[@AntonPutra]

my pleasure!

[@Rayhand117]

You Helped me again and again!
Thanks a lot!

[@AntonPutra]

thank you!!my pleasure!!

[@kiranbakale8207]

Thanks anton, keep up the good work

[@AntonPutra]

thank you!

[@hanniep8489]

Great tutorial!!! Very clear explanation on what to do and why we do it!

[@AntonPutra]

Thank you!

[@hamzazbili6803]

thank you! The only helpful video I could find

[@AntonPutra]

Welcome!

[@AntonPutra]

👉 How to Manage Secrets in Terraform - ua-cam.com/video/3N0tGKwvBdA/v-deo.html
👉 Terraform Tips & Tricks - ua-cam.com/video/7S94oUTy2z4/v-deo.html
👉 ArgoCD Tutorial - ua-cam.com/video/zGndgdGa1Tc/v-deo.html

[@bangarisaiswaraj]

Very well organised video. Thanks Anton!

[@datatechnology9213]

Great Thanks. Everything on Point 👌👍

[@programm4you]

Спасибо, дружище, упростил мне жизнь! Все получилось и даже без policy/role, все уже было настроено.

[@AntonPutra]

pozhaluysta!

[@ftowork19office88]

Thank you! it was awesome

[@AntonPutra]

No problem 😊

[@olawaseem]

what was cost for hosting in aws and domain from google?

[@AntonPutra]

hosting is really depend on the usage, my website almost cost me nothing, domain from $12 per year

[@shivagangula2680]

how to access routing pages in cloud front i got access denied

[@attinderpalsingh5745]

What if my project has environment variables ? Is there any way i can save them anywhere? Not on GitHub and local ?

[@AntonPutra]

Perhaps you can add them to your CI/CD pipeline, but it would depend on the tools you are using.

[@juliusoh]

how do you set up cloudfront for ALB for EKS?

[@AntonPutra]

Not sure if I understand your question. If you need an ALB, you would use the AWS load balancer controller. CloudFront is typically used for static content that is distributed via CDN.

[@juliusoh]

@AntonPutra I meant is it possible to put cloud front in front of alb?

[@babankumarsutradhar4544]

What was cost cloudfront ?

[@AntonPutra]

it's based on usage

[@Thesanhokway]

Hi Anton, when I removed static hosting and allow access only to the cloud front, it's working fine but when I refresh the page, routing is not working. It is showing access denied. Could you help out in this?

[@AntonPutra]

Sorry it's hard for me to debug, check if you disable "block public access"

[@Thesanhokway]

Thanks for the reply, Anton. The problem is solved by adding index.html to the errors page

[@AntonPutra]

@@Thesanhokway got it

[@mikhailsh8916]

I like your video ))

[@AntonPutra]

Thanks

[@datatechnology9213]

Subscribed 👍

[@AntonPutra]

Thanks!

[@afkgaming3203]

Why is ur video so Zoomed in and you do not show ur cursor. Its difficult to undestand

[@AntonPutra]

thanks for the feedback, i don't do it anymore

[@RezzaACM]

Your name very Indonesian 😂. I think you are from Indonesia 😂

[@AntonPutra]

Yeah i get it a lot, i was told my last name translates as son =)

[@harriottgaige5871]

𝖕𝖗𝖔𝖒𝖔𝖘𝖒 👍

[@AntonPutra]

:)

[@gareebsportscricket2984]

thank you

[@mohamedaslam6619]

brother i ahving this error in github actions can you help me at
new ClientRequest (node:_http_client:284:14)
at Object.request (node:https:357:10)
at features.constructor.handleRequest (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/http/node.js:45:23)
at executeSend (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/event_listeners.js:418:29)
at Request.SEND (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/event_listeners.js:432:9)
at Request.callListeners (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/sequential_executor.js:102:18)
at Request.emit (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/sequential_executor.js:78:10)
at Request.emit (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/request.js:686:14)
at Request.transition (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/request.js:22:10) {
code: 'NetworkingError',
region: 'us-east-1',
hostname: 'cloudfront.amazonaws.com',
retryable: true,
time: 2022-11-06T15:05:33.025Z
}
node:internal/process/promises:279
triggerUncaughtException(err, true /* fromPromise */);
^
[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "Invalidate error: NetworkingError [ERR_INVALID_CHAR]: Invalid character in header content ["Authorization"] (NetworkingError [NetworkingError]: Invalid character in header content ["Authorization"]
at ClientRequest.setHeader (node:_http_outgoing:647:3)
at new ClientRequest (node:_http_client:284:14)
at Object.request (node:https:357:10)
at features.constructor.handleRequest (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/http/node.js:45:23)
at executeSend (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/event_listeners.js:418:29)
at Request.SEND (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/event_listeners.js:432:9)
at Request.callListeners (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/sequential_executor.js:102:18)
at Request.emit (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/sequential_executor.js:78:10)
at Request.emit (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/request.js:686:14)
at Request.transition (/home/runner/.npm/_npx/55947e5ced8dc5f0/node_modules/aws-sdk/lib/request.js:22:10))".] {
code: 'ERR_UNHANDLED_REJECTION'
}
Error: The process '/usr/local/bin/npx' failed with exit code 1