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.