Shop MCP

Connect a frontend

Divhunt

Divhunt connects to JSON APIs through its REST API application. This guide shows the shape ShopMCP-friendly endpoints should return and the Divhunt steps to bind them to pages.

No private Divhunt API key is needed for this path

Divhunt's public REST API lessons describe a frontend data-source flow: install the REST API application, add a GET request, preview the JSON, then use the request as a Source in the builder. ShopMCP doesn't ask you for a Divhunt token for this setup.

1. Prepare a JSON endpoint

Divhunt can read any reachable REST endpoint that returns JSON. For list pages, return a top-level array or an object with an array key such as items. The official Divhunt lesson uses a key field to pick the part of the JSON response that contains the records.

json
{
  "items": [
    {
      "id": "post-101",
      "slug": "summer-sale-readiness",
      "title": "Summer sale readiness",
      "summary": "Checks to run before launch.",
      "image": "https://example.com/images/summer-sale.jpg",
      "updated_at": "2026-05-26T00:00:00Z"
    }
  ]
}

2. Install Divhunt's REST API application

In Divhunt, open your project settings, browse applications, and install the REST API application. Divhunt's tutorial calls this the first step before adding GET requests.

3. Create a GET request

  1. Create a new GET request in Divhunt's REST API app.
  2. Paste your endpoint URL into the request endpoint field.
  3. If your records live under a key such as items, enter that key so Divhunt uses only the records you want.
  4. Run the request from the top bar. Divhunt should show a JSON data preview on the right.

If the preview fails, fix the endpoint before touching the builder. Divhunt stores successful request data as a Source for the site.

4. Bind the Source to page elements

Select the repeated element, for example a card in a grid. In Divhunt, go to Advanced to Source and pick the REST API request. Divhunt then repeats that element for each record in the Source.

For each child element, use Settings to Content to Set Variable and choose fields such as title, summary, image, or updated_at.

5. Create single-item pages

For detail pages, create a page with a dynamic route such as /articles/:id or /articles/:slug. In Divhunt's REST API app, create a second GET request for one item and pass the route value into the endpoint with a request property, using the pattern Divhunt documents as {{properties.id}}.

text
https://api.example.com/articles/{{properties.id}}

Link list cards to the single page and pass the ID or slug through Advanced to Route Variables.

References