React-shop-cloudfront
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
Available Scripts
start
Starts the project in dev mode with mocked API on local environment.
build
Builds the project for production in dist folder.
preview
Starts the project in production mode on local environment.
test, test:ui, test:coverage
Runs tests in console, in browser or with coverage.
lint, prettier
Runs linting and formatting for all files in src folder.
client:deploy, client:deploy:nc
Deploy the project build from dist folder to configured in serverless.yml AWS S3 bucket with or without confirmation.
client:build:deploy, client:build:deploy:nc
Combination of build and client:deploy commands with or without confirmation.
cloudfront:setup
Deploy configured in serverless.yml stack via CloudFormation.
cloudfront:domainInfo
Display cloudfront domain information in console.
cloudfront:invalidateCache
Invalidate cloudfront cache.
cloudfront:build:deploy, cloudfront:build:deploy:nc
Combination of client:build:deploy and cloudfront:invalidateCache commands with or without confirmation.
cloudfront:update:build:deploy, cloudfront:update:build:deploy:nc
Combination of cloudfront:setup and cloudfront:build:deploy commands with or without confirmation.
serverless:remove
Remove an entire stack configured in serverless.yml via CloudFormation.