Build a Full-Stack React Application

Implementation

• Install the Amplify CLI

  The Amplify command line interface (CLI) is a unified toolchain to create AWS Cloud services for your app, following a simple, guided workflow. Let’s go ahead and install the Amplify CLI using the command prompt (Windows) or the terminal (macOS). Note: This command can be run in any directory in your command prompt/terminal because the “-g” indicates the binary will be installed globally on your system.

  npm install -g @aws-amplify/cli

  Code snippet copied

  Copy
• Configure the Amplify CLI

  AWS Identity and Access Management (IAM) enables you to manage users and user permissions in AWS. The CLI uses IAM to create and manage services programmatically on your behalf through the CLI.

  To configure the CLI, run the configure command. To see a video walkthrough of the CLI configuration process, see Installing & Configuring the AWS Amplify CLI below.
  

  amplify configure

  Code snippet copied

  Copy
• Initialize the Amplify app

  Next, we will deploy a backend and initialize the backend environment locally.
  

  a. In the Amplify console, select Backend environments and choose Get started. Wait for the backend to be deployed.
  

  

  b. On the Backend environments tab, choose Launch Studio.
  

  

  c. Return to the Backend environments tab and expand the Local setup instructions section. Copy the command to your clipboard and open the terminal on your computer.

  

  d. Paste the command into your terminal and follow the setup instructions.

  ? Choose your default editor: Visual Studio Code
  ? Choose the type of app that you're building javascript
  ? 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
  ? Do you plan on modifying this backend? Y
  

  Code snippet copied

  Copy