Bolt.new AI and Backblaze B2 Cloud Storage integration: Step-by-Step Guide 2025

 

Setting Up Dependencies in package.json

 

• Create or open your package.json file in your Bolt.new AI project.
• Add the following dependency entry for Backblaze B2. This tells your project which external library to use:

{
  "dependencies": {
    "backblaze-b2": "^1.2.0"
  }
}
  

• Once saved, Bolt.new AI will automatically read these dependencies. No terminal commands are needed.

 

Creating a Backblaze B2 Client File

 

• Create a new file named backblazeB2.ts in your project’s src folder (or equivalent folder where your TypeScript code is maintained).
• This file will contain functions to authorize and interact with Backblaze B2 Cloud Storage.
• Enter the following TypeScript code into backblazeB2.ts:

import B2 from 'backblaze-b2';

// Initialize the Backblaze B2 client using your environment variables.
// Ensure these environment variables (B2KEYID and B2APPKEY) are set in Bolt.new AI's secrets.
const b2 = new B2({
  applicationKeyId: process.env.B2KEYID,
  applicationKey: process.env.B2APPKEY,
});
// Function to authorize with Backblaze B2.
export async function authorize() {
  try {
    const authResponse = await b2.authorize();
    console.log('Backblaze B2 authorized successfully');
    return authResponse;
  } catch (error) {
    console.error('Authorization error:', error);
    throw error;
  }
}
// Function to upload a file to a specified bucket.
// bucketId: Your Backblaze bucket ID.
// fileName: The name you want to assign to the file in B2.
// fileContent: The file data in Buffer format.
export async function uploadFile(bucketId: string, fileName: string, fileContent: Buffer) {
  try {
    // Retrieve the upload URL and token.
    const uploadUrlResponse = await b2.getUploadUrl({ bucketId });
    const { uploadUrl, authorizationToken } = uploadUrlResponse.data;
// Upload the file.
const response = await b2.uploadFile({
  uploadUrl,
  uploadAuthToken: authorizationToken,
  fileName,
  data: fileContent
});
console.log('File uploaded successfully');
return response.data;

  } catch (error) {
    console.error('File upload error:', error);
    throw error;
  }
}
  

 

Integrating Backblaze Functions into Your Main Code

 

• Open your main TypeScript file (for example, index.ts or similar) in your project.
• At the top of the file, import the Backblaze B2 functions from backblazeB2.ts:

import { authorize, uploadFile } from './backblazeB2';
  

• Add an initialization function to authorize with Backblaze B2 when your app starts. For example:

async function initBackblaze() {
  try {
    await authorize();
    // Optionally, call uploadFile here or later when needed.
    // For example, to upload a file, you might do:
    // const fileBuffer = Buffer.from('your file content here');
    // await uploadFile('your-bucket-id', 'example.txt', fileBuffer);
  } catch (error) {
    console.error('Error initializing Backblaze integration:', error);
  }
}

initBackblaze();
  



• This code ensures that your Bolt.new AI project authorizes with Backblaze B2 as soon as it runs.

 

Configuring Environment Variables in Bolt.new AI

 

• Since Bolt.new AI doesn’t provide a terminal, set your Backblaze credentials using the platform’s secrets configuration.
• Add the following keys with their corresponding values from your Backblaze account:
  • B2KEYID: Your Backblaze Application Key ID.
  • B2APPKEY: Your Backblaze Application Key.
• This makes process.env.B2KEYID and process.env.B2APPKEY available to your TypeScript code.

 

Testing Your Integration

 

• After adding the code, save all modifications in Bolt.new AI.
• Trigger your project’s run mechanism (for example, using the “Run” button in the Bolt.new AI interface).
• Open the console to check for the log message indicating successful authorization with Backblaze B2.
• Implement file upload triggers (such as button clicks or API calls) in your application that invoke uploadFile to confirm that file operations work as expected.