Merge pull request #268816 from sajeetharan/Vercel_new_accounts

adding updates

Author: v-ccolin

articles/cosmos-db/media/integrations/vercel/accept.png

@@ -21,50 +21,62 @@ This documentation is designed for developers seeking to effectively combine the
 
 This integration enables developers to apply the benefits of a versatile and high-performance NoSQL database, while capitalizing on Vercel's serverless architecture and development platform.
 
-There are two ways to integrate Cosmos DB
+There are two ways to integrate Azure Cosmos DB.
 
 - [Via Vercel Integrations Marketplace](https://vercel.com/integrations/azurecosmosdb)
 - Via Command Line
 
 ## Integrate Cosmos DB with Vercel via Integration Marketplace
 
-Use this guide if you have already identified the Vercel project(s) or want to integrate an existing vercel project with
+Use this guide if you have already identified the Vercel projects or want to integrate an existing vercel project with
 
 ## Prerequisites
 
 - Vercel Account with Vercel Project – [Learn how to create a new Vercel Project](https://vercel.com/docs/concepts/projects/overview#creating-a-project)
 
 - Azure Cosmos DB - [Quickstart: Create an Azure Cosmos DB account](../cosmos-db/nosql/quickstart-portal.md) or Create a free [Try Cosmos DB Account](https://aka.ms/trycosmosdbvercel)
 
-- Some basic knowledge on Next.js, React and TypeScript
+- Some basic knowledge on Next.js, React, and TypeScript
 
 ## Steps for Integrating Azure Cosmos DB with Vercel
 
 1. Select Vercel Projects for the Integration with Azure Cosmos DB. After you have the prerequisites ready, visit the Cosmos DB [integrations page on the Vercel marketplace](https://vercel.com/integrations/azurecosmosdb) and select Add Integration
 
    :::image type="content" source="./media/integrations/vercel/add-integration.png" alt-text="Screenshot shows the Azure Cosmos DB integration page on Vercel's marketplace." lightbox="./media/integrations/vercel/add-integration.png":::
 
-2. Choose All projects or Specific projects for the integration. In this guide we proceed by choosing specific projects, select continue
+2. Choose All projects or Specific projects for the integration. In this guide we proceed by choosing specific projects. Select Install to continue. 
 
    :::image type="content" source="./media/integrations/vercel/continue.png" alt-text="Screenshot shows to select vercel projects." lightbox="./media/integrations/vercel/continue.png":::
 
-3. Next screen will show the required permissions for the integration, select Add Integration
+3. Sign in to your existing Microsoft account, or if you don’t have one, create a new account as depicted in next step.
 
-   :::image type="content" source="./media/integrations/vercel/permissions.png" alt-text="Screenshot shows the permissions required for the integration." lightbox="./media/integrations/vercel/permissions.png":::
+   :::image type="content" source="./media/integrations/vercel/sign-in.png" alt-text="Screenshot shows to log in to Azure account." lightbox="./media/integrations/vercel/sign-in.png":::
 
-4. Log in to Azure using your credentials to select the existing Azure Cosmos DB account for the integration
+4. Click on 'create one' to create a new Microsoft account.
+> [!NOTE]
+> Microsoft account is different from an Azure Cosmos DB account. We will be creating an Azure Cosmos DB account in following steps
+>
+   :::image type="content" source="./media/integrations/vercel/create-new.png" alt-text="Screenshot shows to create new Microsoft Account." lightbox="./media/integrations/vercel/create-new.png":::
 
-   :::image type="content" source="./media/integrations/vercel/sign-in.png" alt-text="Screenshot shows to login to Azure account." lightbox="./media/integrations/vercel/sign-in.png":::
+5. If you want to use an existing Azure Cosmos DB account, choose the existing Directory, subscription and the Azure Cosmos DB Account(Skip to step 9) . To create a new Azure Try Cosmos DB account, click on 'Create new account'.
+ 
+   :::image type="content" source="./media/integrations/vercel/create-new-azure-cosmosdb.png" alt-text="Screenshot shows to create new Azure Try Cosmos DB Account." lightbox="./media/integrations/vercel/create-new-azure-cosmosdb.png":::
 
-5. Choose a Directory, subscription and the Azure Cosmos DB Account
+6. Select API type (currently only NOSQL and MongoDB API are supported) and click on 'Create Account'.
 
-6. Verify Vercel Projects
+   :::image type="content" source="./media/integrations/vercel/select-api.png" alt-text="Screenshot shows to select the type of API of the Azure Cosmos DB account." lightbox="./media/integrations/vercel/select-api.png":::
 
-   :::image type="content" source="./media/integrations/vercel/projects.png" alt-text="Screenshot shows to verify the vercel projects for the integration." lightbox="./media/integrations/vercel/projects.png":::
+7.	After the successful Try Azure Cosmos DB account creation, click on 'Continue'
 
-7. Select Integrate
+   :::image type="content" source="./media/integrations/vercel/account-continue.png" alt-text="Screenshot shows to continue with the integration." lightbox="./media/integrations/vercel/account-continue.png":::
 
-   :::image type="content" source="./media/integrations/vercel/integrate.png" alt-text="Screenshot shows to confirm the integration." lightbox="./media/integrations/vercel/integrate.png":::
+8. Click on 'Accept' in the pop-up to access the Try Azure Cosmos DB account. (Mandatory to complete the Integration). 
+
+   :::image type="content" source="./media/integrations/vercel/accept.png" alt-text="Screenshot shows to accept the access." lightbox="./media/integrations/vercel/accept.png":::
+
+9. Select Integrate and you're done.
+
+   :::image type="content" source="./media/integrations/vercel/integrate-new.png" alt-text="Screenshot shows to confirm the integration." lightbox="./media/integrations/vercel/integrate-new.png":::
 
 ## Integrate Cosmos DB with Vercel via npm & Command Line
 
@@ -88,7 +100,7 @@ Use this guide if you have already identified the Vercel project(s) or want to i
 
 - COSMOSDB_CONNECTION_STRING - You need your Cosmos DB connection string. You can find these in the Azure portal in the keys section.
 
-- COSMOSDB_DATABASE_NAME - Name of the database you plan to use. This should already exist in the Cosmos DB account.
+- COSMOSDB_DATABASE_NAME - Name of the database you plan to use. This should already exist in the Azure Cosmos DB account.
 
 - COSMOSDB_CONTAINER_NAME - Name of the container you plan to use. This should already exist in the previous database.