DEV Community

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

Posted on

3 1

🤖🧠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!

Speedy emails, satisfied customers

Postmark Image

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

AWS Security LIVE!

Hosted by security experts, AWS Security LIVE! showcases AWS Partners tackling real-world security challenges. Join live and get your security questions answered.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️