davidnhk / project-bootstrap-aws-nest-react

2022-03-21

AWS Serverless Web App

The easy way to review would be following Development Section and read the Code Review Section

Code Review

Endpoint exposed

Frontend code related to feature

API code related to feature

Infrastructure setup

Development

Below script will set up the project and start the dev server. You can try change app code and see the result in real time.

bash ./scripts/setup.sh
bash ./scripts/dev.sh

Open http://localhost:3000 for dev

Deployment

Before you can do the deployment, you need to configure AWS CLI. Follow here to configure AWS CLI

To complete follow below steps, you also need Github CLI installed.

it optional because you always can merge back the release branch manually by create PR in GitHub.

Current it has only one deployment environment production. You can deploy it by running below script.

bash
# After that script it create the release branch
# and setup all requested resource in AWS 
# then deploy application to the resource.
source ./scripts/deploy.sh production
# You should merge back the release branch to base branch.
gh pr create --title "Merge back v$RELEASE_VERSION" \
--body "Bump version to v$RELEASE_VERSION" \
--base $CURRENT_BRANCH --head "$RELEASE_BRANCH" 

project-bootstrap-aws-nest-react's Issues

Upgrade @types/supertest

Update infrastructure to replace RDS with DynamoDB and persist the state

1. S3 for storage IOC status
2. S3 for storage migration status
3. DynamoDB

Adopt @busybox/react-component

Fix deployment

Remove web-vitals dependences

Include test for mutation

Use DynamoDB instead of RDS

Because it much cheaper

Update ESLint & Node 20

Test not running on Main branch

Update busybox react component

ESM module

Update readme for deployment instruction

Upgrade latest @busybox/react-component

use SSR on web ?

It benefit for

• Deployment without CloudFront (faster spin up environment stack )
• SEO
• Auth with authorization code flow rather then PKCE

with drawback

• Have to introduce new framework like remix / next ...etc.
• Client Caching lead to complex
• Talk between api and web toward to difficult , which token i should use ?

Update eslint config

Avoid merge back when source branch isn't development or main

Upgrade Luxio dependence

Validation on Web Form

• Make the all field on form required
• Update Cypress test to get input by role

Update busybox config to v2024.1.5-alpha.110

Fix deployment script

Fix deployment

Fix CI and Automated Test

Replace AWS with GCP?

Why

Dynamodb haven't good support on Pagination as it haven't total count and query by offset feature.
It got some workaround in frontend in order to make it work.
I have to :

• Disable previous page feature (I can't go back without saving previous next page token)
• Disable go to last page feature (I don't know what is last page token)

In order to make pagination usable.

When come to real world consideration, seem it more suitable on infinite scroll.

IaC Support

• Test Pulumi with GCP in new repo
• Create FireStore
• Create Google Storage
• Create CloudFunction

Replace DynamoDB with Firestore

Pagination on Web List

Fix dependant bot