10min

SPA on CloudFront

1. Create an account

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

2. Select the SPA on CloudFront template

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.

Document image

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

  • an S3 bucket for storing the website static files
  • a CloudFront distribution with S3 as origin
  • and Lambda function to execute code deployments

3. Create Git Repository

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.

4. Configure Template

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.

The certificate should be created in N. Virginia region.

Document image

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

5. Select an environment

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.

Document image

6. Deploy

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

All resources will be created on the provided AWS account, expenses will be calculated according to AWS pricing for using the services.

Document image