A serverless to do list app
- ReactJS
- AWS Amplify React
- AWS S3
- AWS Route53
- AWS Cognito
The create-react-app script, which can be installed via the command line with npm:
npm install -g create-react-app
AWS Amplify:
npm install -g aws-amplify aws-amplify-react
Create React App
create-react-app todo-list
yarn start
Starts the development server.
yarn build
Bundles the app into static files for production.
yarn test
Starts the test runner.
yarn eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!
-
install the framework
npm install -g @aws-amplify/cli
-
configure amplify
amplify configure
-
initialize amplify with react app
amplify init
Your project has been successfully initialized and connected to the cloud!
- "amplify status" will show you what you've added already and if it's locally configured or deployed
- "amplify add" will allow you to add features like user login or a backend API
- "amplify push" will build all your local backend resources and provision it in the cloud
- "amplify publish" will build all your local backend and frontend resources (if you have hosting category added) and provision it in the cloud
Try "amplify add api" to create a backend API and then "amplify publish" to deploy everything
-
add hosting
amplify hosting add
-
build app frontend and backend resources and provision them in the cloud
amplify publish
-
buid app backend resources and provision them in the cloud
amplify push
-
add authentication backend to app
amplify add auth
-
add api functionality
amplify add api
- encountered a issue when adding
amplify add auth
Fixed by adding aws amplify and aws amplify react packages in yarnyarn add aws-amplify
yarn add aws-amplify-react