Deploy FastAPI, React, PostgreSQL Apps on Amazon Cloud (AWS)

Explore a full stack with React frontend and FastAPI backend, using SQLite locally and PostgreSQL on AWS, deployed via CodePipeline, Amplify, and Elastic Beanstalk.

Set up a full-stack local environment by creating isolated virtual environments for FastAPI and React, installing dependencies with pip and npm, and running two Visual Studio Code instances.

Set up a local FastAPI and React project from the AWS starter kit, configure a Python virtual environment in Visual Studio Code, and run uvicorn for local development.

Set up and run the React AWS application locally, connect to the FastAPI backend via endpoints, install dependencies, and test registering, logging in, posting, and lazy loading data.

Initialize a new React repository in the React directory, add all files, commit as first commit, rename the branch to main, and push to origin on GitHub, react dash AWS.

Learn what cloud computing is, including pay-as-you-go models, scalability, deployment and service models (IaaS, PaaS, SaaS), and how AWS secures infrastructure.

Understand what AWS is and how its scalable cloud services power hosting, databases, and storage for full-stack deployments. Review core services like EC2, Beanstalk, Amplify, Route 53, and regions.

Explore core AWS services: EC2, S3, Elastic Load Balancing, Elastic Beanstalk, RDS, Route 53, ACM, Amplify, and CodePipeline, to deploy a full-stack FastAPI, React, PostgreSQL app with budgets and CI/CD.

Create a free AWS account and use the 12‑month free tier to deploy a fast API with PostgreSQL, while noting amplify, route 53, hosted zones, load balancer, and https costs.

Set up the AWS budget service to email you when you exceed the free tier, using a zero spend budget and a one penny threshold.

Explore how AWS RDS, a managed relational database service, handles provisioning, backups, replication, scalability, and encryption for a production PostgreSQL database, and connect a React app to it.

Create a cloud postgresql database in aws using rds, select the free tier, enable public access, configure vpc security, and prepare credentials for a fast api app.

Connect your local FastAPI app to an AWS RDS PostgreSQL instance by building a proper connection string and configuring the engine to test against the endpoint and port before deployment.

Connect fastapi to a postgres database on aws by configuring public access and vpc inbound rules, then connect using the endpoint and port 5432 and verify a healthy connection.

Deploy a FastAPI infrastructure on AWS using Elastic Beanstalk with EC2 behind a load balancer across two regions, connected to a single RDS and automated via CodePipeline and GitHub.

Configure and deploy a FastAPI backend on AWS using Elastic Beanstalk, setting up a Python web environment, IAM roles, and environment properties for prod, including the DB URL and secrets.

Connect your GitHub code to AWS CodePipeline and deploy a FastAPI app to Elastic Beanstalk, enabling CI/CD from main to a running AWS demo environment with RDS.

Set the RDS to not publicly accessible so the fast API on EC2 in the default VPC can connect privately, boosting security and avoiding IPv4 costs.

Learn how Route 53, AWS's global DNS service, routes users to your site, handles domain registration, and supports subdomain routing with customized DNS policies.

Purchase and register a custom domain in AWS Route 53, choose a domain, pay about 14 USD per year, enable SSL, and confirm via the email link to complete setup.

Explore hosted zones in Route 53, create subdomain records with an alias to fast api on Elastic Beanstalk, enabling backend.codingwithruby.com for the React app via a simple A record.

Create a Route 53 alias for the backend subdomain to point to the Elastic Beanstalk FastAPI environment, while the main domain serves the frontend.

Learn certificate manager to create SSL TLS certificates for HTTPS, enabling encryption from React frontend to AWS backend, and configure Route 53 wildcard subdomains with load balancer on port 443.

Request a public ssl certificate in aws certificate manager for coding with ruby com using dns validation. Create Route 53 records to validate domains and enable https.

Configure a load balancer in Elastic Beanstalk, enable https with an ACM certificate, and adjust availability zones, security groups, and inbound rules to route secure traffic to EC2.

deploy a react single-page app with aws amplify, set up environment variables and ci/cd, and resolve cors by configuring domain and https via amplify and elastic beanstalk.

Deploy a react app live with AWS Amplify, using CI/CD and sandbox environments, connecting a GitHub repo and configuring env vars like vite api url for the fast api backend.

Set up a custom domain with AWS Amplify, configure SSL and redirects, and update the FastAPI environment, then deploy a scalable React and FastAPI app with CI/CD from GitHub.

Delete and terminate AWS services to stop charges, including Amplify, Elastic Beanstalk, EC2, CloudWatch, S3, CodePipeline, RDS, and Route 53 hosted zones.

Celebrate completing the course by deploying a FastAPI and PostgreSQL app with CI/CD, a custom domain, SSL and HTTPS, and a React frontend on AWS.