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
- Serverless as a serverless framework
- 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.
Deploy the project build from dist folder to configured in serverless.yml AWS S3 bucket with or without confirmation.
Combination of build and client:deploy commands with or without confirmation.
Deploy configured in serverless.yml stack via CloudFormation.
Display cloudfront domain information in console.
Invalidate cloudfront cache.
Combination of client:build:deploy and cloudfront:invalidateCache commands with or without confirmation.
Combination of cloudfront:setup and cloudfront:build:deploy commands with or without confirmation.
Remove an entire stack configured in serverless.yml via CloudFormation.
- I had to remove PublicRead because this intefereed with ACL's
- Ran cloudfront:setup to setup cloudfront
- Ran cloudfront:build:deploy to deploy to cloudfront
S3 bucket has been created and configured properly. The app has been uploaded to the bucket and is available though the Internet. Nothing else has been done. (Link to S3 bucket/website is provided. There is no Pull Request in the YOUR OWN frontend repository.)
https://first-bucket-e.s3.amazonaws.com/index.html
In addition to the previous work a CloudFront distribution is created and configured properly and the site is served now with CloudFront and is available through the Internet over CloudFront URL, not S3-website link (due to changes in bucket’s policy...). (Link to CloudFront website is provided. S3-website shows 403 Access Denied error. There is no Pull Request in the YOUR OWN frontend repository.)
https://dy3edsyy8y7ma.cloudfront.net
30 - Serverless-finch and serverless-single-page-app plugins are added and configured. The app can be built and deployed by running npm script command. (Link to CloudFront website is provided. PR with all changes is submitted in the YOUR OWN frontend repository and its link is provided for review.)