Install dependencies from the root folder - npm install
Rename sample.env to .env and set appropriate variables.
- COSMOSDB_CONNECTION_STRING : This is the connection string for Azure Cosmos DB.
- COSMOSDB_DATABASE_NAME : This is the name of the database to store todos.
- COSMOSDB_CONTAINER_NAME : This is the name of the container to store todos.

You can obtain the connection string by navigating to your Azure Cosmos DB account page's key blade, and select Primary connection string. Copy the value to use.

Start the project - npm run dev

Demo

https://cosmosdb-vercel-starter.vercel.app/

Vercel + Azure Cosmos DB Integration

https://vercel.com/integrations/azurecosmosdb

AI Cloud

Core Platform

Security

Company

Learn

Open Source

Use Cases

Tools

Users

AI Cloud

Core Platform

Security

Company

Learn

Open Source

Use Cases

Tools

Users

Azure CosmosDB - Next.js Starter

Related Templates

Next.js Commerce

Next.js Enterprise Boilerplate

Azure Cosmos DB Starter – Todo App

Deployment Instructions

Pre requisites

Steps

Demo

Vercel + Azure Cosmos DB Integration