Azure CosmosDB - Next.js Starter

Azure CosmosDB - Next.js Starter
Type: Code
Framework: Next.js
CSS: Chakra
Database: Azure CosmosDB
  • Overview: A simple Todo Application built using Next.js and integrated with Azure Cosmos DB for data management, with deployment facilitated through Vercel.
  • Demo: Experience the live application at https://cosmosdb-vercel-starter.vercel.app/.

Deployment Instructions:

  1. Pre-requisites:
    • An Azure Cosmos DB account, a database, and a container with a partition key set to /id.
  2. Setup Steps:
    • Install project dependencies with npm install.
    • Rename sample.env to .env and populate it with the necessary environment variables:
      • COSMOSDB_CONNECTION_STRING: The Azure Cosmos DB connection string.
      • COSMOSDB_DATABASE_NAME: The database name for storing todo items.
      • COSMOSDB_CONTAINER_NAME: The container name for storing todo items.
    • The connection string can be retrieved from the Azure portal, under the Cosmos DB account’s key section.
    • Launch the application in development mode using npm run dev.

Vercel + Azure Cosmos DB Integration:

  • Learn more about the integration and how it enhances deployment processes at Vercel Integrations.

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.