Previous step
Amplify should be initialized. Sudo is needed if there is an access/permissions error
amplify init
Note: It is recommended to run this command from the root of your app directory
? Enter a name for the project todo2
? Enter a name for the environment tododos
? Choose your default editor: Visual Studio Code
? Choose the type of app that you're building javascript
Please tell us about your project
? What javascript framework are you using react
? Source Directory Path: src
? Distribution Directory Path: build
? Build Command: npm run-script build
? Start Command: npm run-script start
Using default provider awscloudformation
For more information on AWS Profiles, see:
https://docs.aws.amazon.com/cli/latest/userguide/cli-multiple-profiles.html
The name of this project is todo, however I screwed up and this is “todo2″… second version. Also the environment can’t take numbers so is “tododos”
Adding the hosting
amplify hosting add
? Select the environment setup: DEV (S3 only with HTTP)
? hosting bucket name ntalatodo-xxxxxxxx-hostingbucket
? index doc for the website index.html
? error doc for the website index.html
You can now publish your app using the following command:
Command: amplify publish
Uploading and publishing
$ amplify publish
✔ Successfully pulled backend environment ntalaenvir from the cloud.
Current Environment: ntalaenvir
| Category | Resource name | Operation | Provider plugin |
| -------- | --------------- | --------- | ----------------- |
| Hosting | S3AndCloudFront | Create | awscloudformation |
? Are you sure you want to continue? Yes
⠦ Updating resources in the cloud. This may take a few minutes...
UPDATE_IN_PROGRESS amplify-ntalatodo-ntalaenvir-125812 AWS::CloudFormation::Stack Thu Feb 13 2020 13:04:47 GMT+1100 (Australian Eastern Daylight Time) User Initiated
CREATE_IN_PROGRESS hostingS3AndCloudFront AWS::CloudFormation::Stack Thu Feb 13 2020 13:04:52 GMT+1100 (Aus⠇ Updating resources in the cloud. This may take a few minut
es...
CREATE_IN_PROGRESS hostingS3AndCloudFront AWS::CloudFormation::Stack Thu Feb 13 2020 13:04:53 GMT+1100 (Australian Easte⠋ Updating resources in the cloud. This may take a few minut
es...
CREATE_IN_PROGRESS amplify-ntalatodo-ntalaenvir-125812-hostingS3AndCloudFront-1IL248WOLBQHF AWS::CloudFormation::Stack Thu Feb 13 2020 13:04:53 GMT+1100 (Australian Eastern Daylight Time) User Initiated
CREATE_IN_PROGRESS S3Bucket AWS::S3::Bucket Thu Feb 13 2020 13:04:57 GMT+1100 (Australian Eastern Dayligh⠸ Updating resources in the cloud. This may take a few minut
es...
CREATE_IN_PROGRESS S3Bucket AWS::S3::Bucket Thu Feb 13 2020 13:04:58 GMT+1100 (Australian Eastern Daylight Time) Resourc⠹ Updating resources in the cloud. This may take a few minut
es...
CREATE_COMPLETE S3Bucket AWS::S3::Bucket Thu Feb 13 2020 13:⠹ Updating resources in the cloud. This may take a few minut
es...
CREATE_COMPLETE hostingS3AndCloudFront AWS::CloudFormation::Stack Thu Feb 13 2020 13:05:27 GMT+1100 (Australian Eastern ⠼ Updating resources in the cloud. This may take a few minut
es...
UPDATE_COMPLETE_CLEANUP_IN_PROGRESS amplify-ntalatodo-ntalaenvir-125812 AWS::CloudFormation::Stack Thu Feb 13 2020 13:05:30 GMT+1100 (Australian Eastern Daylight Time)
UPDATE_COMPLETE amplify-ntalatodo-ntalaenvir-125812 AWS::CloudFormation::Stack Thu Feb 13 2020 13:05✔ All resources are updated in the cloud
Hosting endpoint: http://ntalatodo-20200213130414-hostingbucket-ntalaenvir.s3-website-ap-southeast-2.amazonaws.com
> ntalatodo@0.1.0 build /home/ntala/Desktop/reactaws/ntalatodo
> react-scripts build
Creating an optimized production build...
Compiled successfully.
File sizes after gzip:
39.84 KB build/static/js/2.c1da7740.chunk.js
776 B build/static/js/runtime-main.721db278.js
610 B build/static/js/main.55e387e6.chunk.js
556 B build/static/css/main.d1b05096.chunk.css
The project was built assuming it is hosted at the server root.
You can control this with the homepage field in your package.json.
For example, add this to build it for GitHub Pages:
"homepage" : "http://myname.github.io/myapp",
The build folder is ready to be deployed.
You may serve it with a static server:
serve -s build
Find out more about deployment here:
bit.ly/CRA-deploy
frontend build command exited with code 0
✔ Uploaded files successfully.
Your app is published successfully.
http://ntalatodo-xxxxx-hostingbucket-ntalaenvir.s3-website-ap-southeast-2.amazonaws.com
That will lead the project to the online version