Bolt.new AI and Getty Images API integration: Step-by-Step Guide 2025

Prerequisites

• Have a valid Getty Images API key. You can obtain one from Getty Images’ developer portal.
• Know which part of your Bolt.new AI project will use images (for example, a function that retrieves images by search keyword).

Setting Up Dependencies

• Since Bolt.new AI does not provide a terminal, you must manually add any external dependencies. In this case we require the axios package to perform HTTP requests.
• Create or update your package.json file (usually located at the root of your project) with the following dependencies snippet:

  
  {
    "name": "your-bolt-project",
    "version": "1.0.0",
    "dependencies": {
      "axios": "^0.27.2"
    }
  }
      

Creating the Getty Images Integration File

• Create a new file in your project directory named getty.ts.
• Paste the following TypeScript code into getty.ts. This code uses Axios to call Getty Images API for image searches. Remember to replace YOURGETTYAPI_KEY with your actual API key:

  
  import axios from 'axios';
  
  const GETTYAPIKEY = 'YOURGETTYAPI_KEY'; // Replace with your actual Getty Images API key
  const GETTYAPIENDPOINT = 'https://api.gettyimages.com/v3/search/images';
  export async function searchGettyImages(query: string, page: number = 1, pageSize: number = 10) {
      try {
          const response = await axios.get(GETTYAPIENDPOINT, {
              params: {
                  phrase: query,
                  page,
                  page_size: pageSize
              },
              headers: {
                  'Api-Key': GETTYAPIKEY
              }
          });
          return response.data;
      } catch (error) {
          console.error('Error fetching Getty Images:', error);
          throw error;
      }
  }
      

  
  

Using the Getty Integration in Your Main Code

• Open the main TypeScript file where you wish to integrate Getty Images functionality (for example, index.ts or app.ts).
• Import the searchGettyImages function from your getty.ts file and add the integration code. For example:

  
  import { searchGettyImages } from './getty';
  
  async function displayImages() {
      try {
          // Replace 'kittens' with your desired search phrase
          const imagesData = await searchGettyImages('kittens');
          console.log('Getty Images data:', imagesData);
          // Use imagesData to display images within your Bolt.new AI project as needed
      } catch (error) {
          console.error('Error displaying images:', error);
      }
  }
  displayImages();
      

  
  


• This sample code calls the Getty Images API and logs the returned data. You can enhance this function to display images in your user interface as required.