How to Separate AWS Amplify Environments (DEV/PROD)

When building a web application, it is important to have separate environments for development and production. This allows you to test and iterate on new features without affecting the live version of your app. In this article, we will show you how to separate AWS Amplify environments for your development (DEV) and production (PROD) environments.

What is AWS Amplify?

AWS Amplify is a set of tools and services that enables mobile and web app developers to build secure, scalable full stack applications, powered by AWS. With Amplify, you can quickly and easily create, deploy, and manage your app backend and frontend, all in one place. Amplify also includes a set of libraries and UI components that you can use to add common features to your app, such as authentication, APIs, and storage.

Why Separate DEV and PROD Environments?

Separating your DEV and PROD environments is a best practice for building and deploying applications. It allows you to test and iterate on new features in a safe and controlled environment, without affecting the live version of your app. This is especially important for web applications, where a single bug can impact all of your users. By separating your environments, you can catch and fix bugs before they reach your production users.

How to Separate AWS Amplify Environments

To separate your AWS Amplify environments, you will need to create two separate Amplify projects: one for your DEV environment and one for your PROD environment. This will allow you to have separate backend and frontend resources for each environment.

Step 1: Create a new Amplify project for your DEV environment

To create a new Amplify project for your DEV environment, follow these steps:

1. Open the Amplify Console and go to the Dashboard.
2. Click the Create a new Amplify project button.
3. Enter a name for your DEV project, such as my-app-dev.
4. Select the repository and branch that you want to use for your DEV environment. This will typically be your main repository and the develop or dev branch.
5. Click the Create project button.

Step 2: Create a new Amplify project for your PROD environment

To create a new Amplify project for your PROD environment, follow these steps:

1. Click the Create a new Amplify project button.
2. Enter a name for your PROD project, such as my-app-prod.
3. Select the repository and branch that you want to use for your PROD environment. This will typically be your main repository and the main or master branch.
4. Click the Create project button.

Step 3: Connect your DEV and PROD environments

To connect your DEV and PROD environments, you will need to use the Amplify CLI. Follow these steps:

1. Install the Amplify CLI by running the following command:

2. Navigate to the root directory of your project.
3. Run the following command to configure your DEV environment:

4. Enter the following information:

• Enter the AWS Amplify App ID: This is the ID of your DEV Amplify app. You can find this in the Amplify Console.
• Enter the region: This is the AWS region where your DEV Amplify app is located. You can find this in the Amplify Console.
• Enter your AWS credentials: You can use the AWS CLI to configure your AWS credentials, and the Amplify CLI will use these credentials to connect to your DEV Amplify app.

5. Run the following command to configure your PROD environment:

6. Enter the following information:

• Enter the AWS Amplify App ID: This is the ID of your PROD Amplify app. You can find this in the Amplify Console.
• Enter the region: This is the AWS region where your PROD Amplify app is located. You can find this in the Amplify Console.
• Enter your AWS credentials: You can use the AWS CLI to configure your AWS credentials, and the Amplify CLI will use these credentials to connect to your PROD Amplify app.

Step 4: Deploy your app to your DEV and PROD environments

To deploy your app to your DEV and PROD environments, follow these steps:

1. Run the following command to push your app to your DEV environment:

2. Run the following command to push your app to your PROD environment:

In this article, we have shown you how to separate your AWS Amplify environments for your DEV and PROD environments. This will allow you to test and iterate on new features in a safe and controlled environment, without affecting the live version of your app. By following these steps, you can ensure that your app is always running smoothly and that your production users are never impacted by bugs or other issues.

References