SSR Application - Azure DevOps Pipeline

The pipeline will automate provisioning and updating the server-side rendering infrastructure and application in Azure.

Where possible, we are creating reusable steps (stacks-pipeline-templates) that can be pulled into any base pipeline. Reusable steps can include tasks to deploy, build, test and more.

Pipeline Diagram

SSR Application - Azure DevOps Pipeline

Setting up Azure DevOps

Variable group

A variable group will need creating for storing application variables to be used throughout the pipeline. Instructions for creating a variable group can be found here. Give the variable group a name and description and make sure the Allow access to all pipelines option is checked.

Add the following variables:

Variable NameRequired forNote
MENU_API_URLApplication BackendOutput of a Stacks backend workload
NEXT_PUBLIC_CONTENTFUL_ACCESS_TOKENApplication CMSfrom Contentful
NEXT_PUBLIC_CONTENTFUL_SPACE_IDApplication CMSfrom Contentful
SONAR_ORGANIZATIONStatic Code Analysisfrom sonarcloud
SONAR_PROJECT_KEYStatic Code Analysisfrom sonarcloud
SONAR_PROJECT_NAMEStatic Code Analysisfrom sonarcloud
SONAR_TOKENStatic Code Analysisfrom sonarcloud
Azure SSR Variable Group

Update pipeline template placeholders

Where possible, the scaffolding CLI will have populated the correct values in the pipeline template file build/azDevops/azure/app-pipeline.yml. The values that need to be manually configured, such as the variable group name setup previously, will have placeholders using the prefix %REPLACE_ME_FOR. We very much recommend that you go through the whole template to make sure that values are correct for your project. Once you are happy with the template, commit the changes to your repository.

Create the pipeline

Follow the steps below to create the pipeline and trigger the initial run.

  1. In the pipelines section of Azure DevOps, select New Pipeline.
  2. Select your repository.
  3. Select the Existing Azure Pipelines YAML files option and enter the path build/azDevops/azure/app-pipeline.yml
  4. Click run and wait for the pipeline to complete.