SPA on CloudFront

Click Deploy with Microtica below and follow the template steps to deploy a single-page application on Amazon CloudFront on your AWS account.

Creating a Microtica account is totally free. You can do it by signing up with your email or with your Git account.

In the starting screen, select the SPA on CloudFront template, in the Starter Plan Templates section. You will have 14 days to try out this plan and the templates available there. You will be redirected to a page where you need to configure the necessary parameters, choose an environment in which to deploy and trigger the deploy action.

On the left side you can see which infrastructure resources will be provisioned with this template:

As a first step, you need to connect a Git account (GitHub, Bitbucket, or GitLab). Microtica defines a repository name by default for each template, but you can change it. If you already have a Git account connected to Microtica, you can choose it from the list. We will create a new repository on your account with the provided name, and every Git push will be deployed automatically in Microtica.

In this step you need to set the website configuration like domain name, SSL certificate etc.

Before deploying the template, you need to create a custom SSL certificate and enter the certificate ARN here. The provided certificate should match the domain name provided in DomainName parameter.

You need to Save the changes to continue with the next steps.

The next step is providing an environment where your website will deploy. Environments help you group infrastructure and application resources, so you can better separate your development and production workloads. 

Here you can select an existing environment or create a new one on the spot.

After that you will need to connect your AWS account to deploy the website there.

Once you’re done with the infrastructure configuration, you can go ahead and trigger a deployment of the environment by clicking on Deploy.