Bolt.new AI and Plivo integration: Step-by-Step Guide 2025

 

Step 1: Adding the Plivo Dependency in package.json

  To integrate Plivo, you need to add it as a dependency to your Bolt.new AI project. Since there is no terminal, open your package.json file and add the Plivo package under "dependencies". This ensures the correct library is bundled with your project.

{
  "name": "my-bolt-project",
  "version": "1.0.0",
  "dependencies": {
    "plivo": "^4.16.0"
    // ... any other dependencies you require
  }
  // ... rest of your package.json configuration
}

 

Step 2: Creating a Configuration File for Plivo Credentials

  Create a new file named config.ts in your project root. This file will store your Plivo authentication details. Replace YOURAUTHID and YOURAUTHTOKEN with your actual Plivo credentials.

// config.ts
export const PLIVO_CONFIG = {
  authId: "YOURAUTHID",
  authToken: "YOURAUTHTOKEN"
};

 

Step 3: Creating a Plivo Service Module

  Create another new file called plivoService.ts in your project root. This file contains the TypeScript code that interacts with the Plivo API. In this example, the module is set up to send an SMS message. Adjust the parameters as needed for your integration.

import { PLIVO_CONFIG } from "./config";
import plivo from "plivo";

// Initialize the Plivo client with your credentials
const client = new plivo.Client(PLIVOCONFIG.authId, PLIVOCONFIG.authToken);

/**
- Function to send an SMS using Plivo.
- @param from - The sender's phone number (with country code)
- @param to - The receiver's phone number (with country code)
- @param text - The message content to be sent
 */
export async function sendSms(from: string, to: string, text: string): Promise {
  try {
    const response = await client.messages.create(
      from,
      to,
      text
    );
    console.log("Message sent successfully:", response);
  } catch (error) {
    console.error("Error sending message:", error);
    throw error;
  }
}

 

Step 4: Integrating Plivo Service into Your Main Project File

  Decide where in your Bolt.new project you want to trigger the Plivo functionality. For example, if you have a main file named index.ts, import and call the Plivo service function there. This example shows how to import and use the sendSms function.

import { sendSms } from "./plivoService";

// Example usage: send an SMS when a specific event occurs.
// Replace these values with actual phone numbers and your message text.
const sender = "14151234567";  // Your Plivo-verified source number
const receiver = "14157654321"; // Destination number
const message = "Hello from Bolt.new AI integrated with Plivo!";

sendSms(sender, receiver, message)
  .then(() => {
    console.log("SMS process finished.");
  })
  .catch((error) => {
    console.error("SMS process encountered an error:", error);
  });

 

Step 5: Testing Your Integration

  Since Bolt.new AI automatically deploys your project, any changes you make will be live upon saving. After adding these files: - Verify that your package.json includes the Plivo dependency. - Ensure that config.ts, plivoService.ts, and your main file (e.g. index.ts) have been saved. - Trigger the part of your application that calls the sendSms function. - Check the console logs for confirmation that the SMS was sent or to see any errors.

By following these steps, your Bolt.new AI project will integrate with Plivo, allowing you to send SMS messages directly from your TypeScript code.