This is frontend starter project for nodejs-aws mentoring program. It uses the following technologies:
- Vite as a project bundler
- React as a frontend framework
- React-router-dom as a routing library
- MUI as a UI framework
- React-query as a data fetching library
- Formik as a form library
- Yup as a validation schema
- Vitest as a test runner
- MSW as an API mocking library
- Eslint as a code linting tool
- Prettier as a code formatting tool
- TypeScript as a type checking tool
Starts the project in dev mode with mocked API on local environment.
Builds the project for production in dist folder.
Starts the project in production mode on local environment.
Runs tests in console, in browser or with coverage.
Runs linting and formatting for all files in src folder.
S3 bucket link - the 403 error should be shown
Cloud Front link - should be available.
Fro this task S3 bucket and Cloud Front Distribution were created manually.
To deploy S3 bucket, go the cdk-ts folder and run npm run cdk:deploy command. The configuration is described in cdk-ts-stack.ts file.
Whenever you redeploy your website to the S3 bucket, CloudFront will automatically serve the latest content without needing an explicit invalidation.
Links:
S3 bucket link - the 403 error should be shown
Cloud Front link - should be available.
P.S. For both tasks two different buckets and cloud front distributions are used.