Tutorial · Cosmos

🌐 JavaScript Step-by-step

How to scrape Cosmos search results
with JavaScript.

Extract search data from Cosmos. Real code, real responses, real production patterns — paste it into your project and ship.

All tutorials Cosmos API ~15 min read

Overview

Learn how to scrape Cosmos search results using JavaScript. This comprehensive guide will walk you through the entire process, from setup to implementation.

What You'll Learn

• Setting up your development environment
• Installing the required HTTP client
• Authenticating with the ScrapeCreators API
• Making requests to Cosmos
• Handling responses and errors
• Best practices for production use

What You'll Get

• Access to search results data
• JSON formatted responses
• Real-time data access
• Scalable solution
• Error handling patterns
• Performance optimization tips

Prerequisites

1. API Key

First, you'll need a ScrapeCreators API key to authenticate your requests.

2. Development Environment

Make sure you have the following installed:

• JavaScript and its dependencies
• A code editor (VS Code, Sublime, etc.)
• Basic understanding of API requests
• Command line interface access

Step 1: Install HTTP Client

Axios is a promise-based HTTP client for Node.js

npm

npm install axios

Step 2: API Implementation

Now let's make a request to the Cosmos API using JavaScript. Replace YOUR_API_KEY with your actual API key.

JavaScript

import axios from 'axios';

const API_KEY = 'YOUR_API_KEY';

async function scrape() {
  try {
    const response = await axios.get(`https://api.scrapecreators.com/v1/cosmos/search?query=architecture&cursor=example_value`, {
      headers: {
        'x-api-key': API_KEY,
        'Content-Type': 'application/json'
      }
    });

    console.log('Response:', response.data);
    return response.data;
  } catch (error) {
    console.error('Error:', error.response?.data || error.message);
  }
}

// Usage
scrape();

Step 3: Testing Your Code

API Parameters

This endpoint accepts the following parameters:

queryRequired(string)

Search text.

Example: architecture

cursorOptional(string)

Pass the previous response cursor unchanged. Stop when it is null; sending the literal string "null" returns an empty terminal page without fetching or charging.

Run Your Code

Execute your script to test the API connection. You should see a JSON response with Cosmos search results data.

✅ Success: You should receive a structured JSON response containing the requested data.

Expected Response

Here's an example of the JSON response you'll receive:

Sample Response

{
  "success": true,
  "credits_remaining": 100,
  "credits_charged": 1,
  "items": [
    {
      "id": 547956585,
      "url": "https://www.cosmos.so/e/547956585",
      "created_at": "2025-06-19T12:57:19.994842Z",
      "caption": "An architectural poster created using Midjourney v7.",
      "text": null,
      "title": null,
      "description": null,
      "owner": {
        "id": 2059029120,
        "username": "joris.kahl"
      },
      "source_url": "https://www.instagram.com/p/DK2wZxvMsbf/?igsh=MW9ubmc3NzRucHBkNg==",
      "source_author": {
        "username": "ai_architecture_awards",
        "full_name": "AI Architecture",
        "profile_url": "https://www.instagram.com/ai_architecture_awards",
        "avatar_url": null
      },
      "media": [
        {
          "id": "589cdf02-9abf-4d94-88ef-809734ca5444",
          "type": "StaticImage",
          "url": "https://cdn.cosmos.so/e00a12d4-1e19-45de-9649-b42e9c9f724a",
          "width": 928,
          "height": 1232,
          "ai_generated": false,
          "duration": null,
          "thumbnail_url": null,
          "video_url": null,
          "playback_url": null
        },
        {
          "id": "0e2ebb91-84fc-4700-b076-7c772289b9c7",
          "type": "StaticImage",
          "url": "https://cdn.cosmos.so/4c815d2f-c297-4bee-89f3-bdc8e952440f",
          "width": 928,
          "height": 1232,
          "ai_generated": false,
          "duration": null,
          "thumbnail_url": null,
          "video_url": null,
          "playback_url": null
        },
        {
          "id": "e496cd28-ebe1-4b31-b699-ad97c94c66ed",
          "type": "StaticImage",
          "url": "https://cdn.cosmos.so/6399cf64-a4ee-4388-b9f9-6622bbc6d743",
          "width": 928,
          "height": 1232,
          "ai_generated": false,
          "duration": null,
          "thumbnail_url": null,
          "video_url": null,
          "playback_url": null
        },
        {
          "id": "7158acc9-3506-4724-a9e9-c1decc5ea56e",
          "type": "StaticImage",
          "url": "https://cdn.cosmos.so/6b72b8d6-2774-4d6c-be5c-0922cc8b5422",
          "width": 928,
          "height": 1232,
          "ai_generated": false,
          "duration": null,
          "thumbnail_url": null,
          "video_url": null,
          "playback_url": null
        },
        {
          "id": "97f0e563-1b25-487e-af2e-768bfc95dd68",
          "type": "StaticImage",
          "url": "https://cdn.cosmos.so/e0025cd8-bb42-4578-8b2b-0b2ec086e96d",
          "width": 928,
          "height": 1232,
          "ai_generated": false,
          "duration": null,
          "thumbnail_url": null,
          "video_url": null,
          "playback_url": null
        }
      ],
      "price": null,
      "brand": null
    },
    {
      "id": 590444993,
      "url": "https://www.cosmos.so/e/590444993",
      "created_at": "2024-12-14T20:41:53.06599Z",
      "caption": "A Beaux-Arts building facade in Budapest, Hungary.",
      "text": null,
      "title": null,
      "description": null,
      "owner": {
        "id": 215653290,
        "username": "d.kin"
      },
      "source_url": "https://www.instagram.com/p/C90QZS2JSa-/?img_index=1&igsh=MTdteDg3dTluZDIzZQ==",
      "source_author": {
        "username": "elluxella",
        "full_name": "ELLUXELLA | Architecture • Interiors • Travel",
        "profile_url": "https://www.instagram.com/elluxella",
        "avatar_url": null
      },
      "media": [
        {
          "id": "6c789336-d4e9-4a28-b401-cec1f0650487",
          "type": "StaticImage",
          "url": "https://cdn.cosmos.so/7f350490-121f-43e4-8828-8f59bdd2c18b",
          "width": 1080,
          "height": 1335,
          "ai_generated": false,
          "duration": null,
          "thumbnail_url": null,
          "video_url": null,
          "playback_url": null
        },
        {
          "id": "d35c97fa-c8fe-4112-97ad-781ad13c44d9",
          "type": "StaticImage",
          "url": "https://cdn.cosmos.so/11c90d3d-d862-45e1-8aa7-5ce8ccbe5342",
          "width": 1080,
          "height": 1335,
          "ai_generated": false,
          "duration": null,
          "thumbnail_url": null,
          "video_url": null,
          "playback_url": null
        }
      ],
      "price": null,
      "brand": null
    }
  ],
  "cursor": "cursor://recsys/search?user_id=0&profile=search__match_jina_dual70_recql&query=architecture&last=39&count=500",
  "has_more": true,
  "result_count": 500
}

Verify Response Structure

Check that your response includes the expected fields:

✓success(boolean)
✓credits_remaining(number)
✓credits_charged(number)
✓items(object)
✓cursor(string)
... and 2 more fields

Best Practices

Error Handling

Implement comprehensive error handling and retry logic for failed requests. Log errors properly for debugging.

Caching

Cache responses when possible to reduce API calls and improve performance. Consider data freshness requirements.

Security

Never expose your API key in client-side code. Use environment variables and secure key management practices.

Performance Tips

Batch Requests

When scraping multiple search results, consider batching requests to maximize throughput while staying within rate limits.

Async Processing

Use asynchronous processing in JavaScript to handle multiple requests concurrently and improve overall performance.

Common Use Cases

Market Research

Analyze Cosmos search results to understand market trends, competitor analysis, and audience insights.

Content Analytics

Track performance metrics, engagement rates, and content trends across Cosmos search results.

Lead Generation

Identify potential customers and business opportunities throughCosmos data analysis.

Troubleshooting

Common Errors

401 Unauthorized

Check your API key is correct and properly formatted in the x-api-key header.

402 Payment Required

You ran out of credits and need to buy more.

404 Not Found

The resource might not exist or be private.

500 Server Error

Temporary server issue. Implement retry logic with exponential backoff.

Need Help?

Documentation More Tutorials

Frequently Asked Questions

How much does it cost to scrape Cosmos search results?

ScrapeCreators offers 100 free API calls to get started. After that, pricing starts at $10 for 5k requests with volume discounts available.

Is it legal to scrape Cosmos data?

Scraping publicly available data is fair game, and we only collect public data. So anything that you can see in an incognito browser is what we collect.

How fast can I scrape Cosmos search results?

There is no rate limit! So you can scrape as fast as you want!

What data format does the API return?

All API responses are returned in JSON format, making it easy to integrate with any programming language or application.

Can I use this with other JavaScript frameworks?

Yes! This tutorial focuses on core JavaScript HTTP concepts that work with any framework. The API calls remain the same regardless of your specific JavaScript setup.

How do I handle large datasets?

For large datasets, implement pagination, use streaming responses where available, and consider storing data in a database for efficient querying.

Get the API key. Run the code.

100 free API calls. No credit card. Same endpoint, same response shape.

Start free — 100 credits View documentation →

Same endpoint, different language

Pick another stack.

⚡️ Node.js 🐍 Python 🐘 PHP 💎 Ruby ☕ Java 🎯 C# 🚀 Go 🦀 Rust 📘 TypeScript 🍎 Swift 📱 Kotlin 📊 R

How to scrape Cosmos search results with JavaScript.