DEV Community

Cover image for 🤖🧠Making Tech Blog with AI character (React + AWS)
Web Developer Hyper
Web Developer Hyper

Posted on

🤖🧠Making Tech Blog with AI character (React + AWS)

Intro

Hello!
I'm a full-stack IT engineer.
Interested in AWS, AI, and React.
Planning to create websites and try new technologies.
All the attached images are created by AI.
I also started X at the same time.
https://x.com/WebDevHyper

I'm trying to make a Tech Blog for study.
Thinking of using AWS and React.
The details of the technologies are as follows:

AWS

â‘ If the website is a SPA, Amazon S3 static website hosting is cheap.
However, it requires integration with other AWS services.
https://docs.aws.amazon.com/AmazonS3/latest/userguide/WebsiteHosting.html
Image description

â‘¡It is better to use S3 static website hosting with CloudFront.
1.Improve performance through edge location caching
2.Strengthen security through access control
https://aws.amazon.com/cloudfront/getting-started/S3/
Image description

â‘¢Shield Standard prevents DDoS attacks at the layer 3 and 4.
When using S3 + CloudFront, it is safer to also use Shield Standard.
https://docs.aws.amazon.com/waf/latest/developerguide/ddos-overview.html
Image description

â‘£WAF (web application firewall) prevents DDoS attacks on layer 7.
When configuring S3 + CloudFront, it is safer to also use WAF.
https://docs.aws.amazon.com/waf/latest/developerguide/waf-chapter.html
Image description

Frontend

â‘ Npm trends makes me feel to use React rather than Vue for the front end.
Image description

â‘¡Thinking of a simple website, React might be enough,
but I chose Nextjs in case I want to do more.
https://nextjs.org/

â‘¢Thinking of using MUI (Material UI) for the front end.
Easily create views by components with regularity that follow Material Design.
https://mui.com/
Image description

Outro

I'll post again as development proceed.
See you!

Top comments (0)