Create Azure resources

Welcome to Contoso Real Estate app.

In this page, we will walk you through the steps to provision and deploy the Contoso Real Estate app to Microsoft Azure.

Prerequisites

• Azure subscription
• Azure CLI

Provision Azure resources

The Contoso Real Estate app uses the following Azure resources:

• Azure Static Web Apps
• Azure Container Apps
• Azure Cosmos DB for MongoDB
• Azure Cosmos DB for PostgreSQL

Application architecture (simplified)

The Contoso Real Estate app is a full-stack web application that uses the following technologies:

• Angular for the Portal app
• Azure functions for the API app
• Next.js for the Blog app
• Strapi for the CMS (admin) app

The following diagram shows the application architecture of the Contoso Real Estate app.

graph LR
    U[User]
    X[Admin]
    A[Portal] 
    B[API]
    C[Blog]
    D[CMS]
    E[PostgresSQL Database]
    F[MongoDB Database]
    U --> A
    U --> C
    X --> D
    A --> B
    B --> E
    B --> F
    C --> E
    D --> E

Loading

Provision Azure resources

• Create Azure resources using Azure CLI
• Create Azure resources using Azure Developer CLI

Create Azure Static Web Apps using Azure CLI

1. Login to Azure.

az login

1. Set the default subscription.

az account set --subscription <subscription-id>

1. Create a resource group for the Contoso Real Estate app.

az group create --name contoso-real-estate --location westus

1. Create an Azure Static Web Apps resource for the Portal app:

az static webapp create --name contoso-portal --resource-group contoso-real-estate --location westus --sku Free

Create Azure Container Apps using Azure CLI

1. Create an Azure Container Apps resource for the API app:

az containerapp create --name contoso-api --resource-group contoso-real-estate --location westus --sku Free