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

 

Adding Dependencies and Environment Variables

 

• Create or open your package.json file in your Bolt.new AI project.
• Add the dependency for the HTTP fetch library if needed (Bolt.new AI’s environment may already support the native fetch API; if not, add node-fetch). Modify the dependencies section as shown below:

• 
  {
    "dependencies": {
      "node-fetch": "^3.3.2"
    }
  }
      

• If you require additional packages later, add them directly to package.json because Bolt.new AI does not provide a terminal for installing dependencies.
• Next, configure your environment variable for the Spocket API key. In the Bolt.new AI project settings, add an environment variable named SPOCKETAPIKEY with your Spocket API key as the value.

 

Creating the Spocket Integration Module

 

• Create a new TypeScript file named spocketIntegration.ts in your project's source directory (for example, in the src folder).
• Add the following code snippet into spocketIntegration.ts. This code defines a function that fetches products from Spocket using their API. Adjust the API endpoints and parameters as required by Spocket’s documentation.

• 
  const SPOCKETAPIKEY = process.env.SPOCKETAPIKEY;
  const SPOCKETBASEURL = "https://api.spocket.co";
  
  export async function fetchSpocketProducts(): Promise {
    const response = await fetch(${SPOCKET_BASE_URL}/products, {
      method: "GET",
      headers: {
        "Authorization": Bearer ${SPOCKET_API_KEY},
        "Content-Type": "application/json"
      }
    });
    if (!response.ok) {
      throw new Error("Failed to fetch products from Spocket");
    }
    return await response.json();
  }
      

  
  


• This module exports the fetchSpocketProducts function which can be imported elsewhere in your project.

 

Integrating Spocket API Calls in Your Main Code

 

• Open your main application file (for example, index.ts or the file where you handle routes and controllers).
• Import the fetchSpocketProducts function from the spocketIntegration.ts module.
• Add the following code snippet wherever appropriate in your project (for example, in an endpoint handler or initialization function) to make a call to fetch products from Spocket:

• 
  import { fetchSpocketProducts } from "./spocketIntegration";
  
  async function handleSpocketProducts(): Promise {
    try {
      const products = await fetchSpocketProducts();
      console.log("Spocket products fetched successfully:", products);
      // Insert your logic for processing or displaying the products here
    } catch (error) {
      console.error("Error fetching Spocket products:", error);
      // Handle the error as appropriate in your project
    }
  }
  // For example, call the function immediately or bind it to a route handler:
  handleSpocketProducts();
      

  
  


• This integration ensures that when your app runs, it calls the Spocket API using your API key and handles the retrieved data.

 

Finalizing the Integration

 

• Review all code changes and ensure that environment variables (specifically SPOCKETAPIKEY) are properly set in your project’s configuration.
• Save all changes. Since Bolt.new AI automatically deploys your project when files are saved, the new integration should take effect immediately.
• Monitor the console output for messages from the handleSpocketProducts function to confirm the integration is successful.