Skip to content

docs: restructure integrations sidebar with category landing pages#2643

Open
marcel-rbro wants to merge 15 commits into
masterfrom
docs/integrations-restructure-v2
Open

docs: restructure integrations sidebar with category landing pages#2643
marcel-rbro wants to merge 15 commits into
masterfrom
docs/integrations-restructure-v2

Conversation

@marcel-rbro

@marcel-rbro marcel-rbro commented Jun 16, 2026

Copy link
Copy Markdown
Contributor

Supersedes #2610. Closes #2505.

Reorganizes the integrations docs while keeping the original five top-level sections, surfaces audience-specific entry points at the top of the sidebar, and rewrites every landing page around S-tier integrations.

Five top-level sections (unchanged count)

Section Sidebar position Contents
actors/ pinned (3) Actor-to-Actor integrations on the platform. Folder relabeled "Actor-to-Actor" so the sidebar tells the reader what's inside (per Tomas Nosek's feedback).
programming/ pinned (4) API, Webhooks, GitHub.
ai/ alphabetical AI integrations. Vector DBs (Milvus, Pinecone, Qdrant) live here as flat siblings. New per-provider sub-folders for Claude, OpenAI, and Google, each with its own landing page and per-tool blurbs.
data-and-storage/ alphabetical Renamed from data-storage/. Absorbs Drive + Airtable + the upcoming HubSpot integration.
workflows-and-notifications/ alphabetical Unchanged structurally; gained a landing page.

Surfaced entry points (top of the integrations sidebar)

  1. Overview (index.mdx)
  2. Create new integration (integrate-with-apify.md, sidebar_position: 1) - partners building integrations
  3. Apify for AI agents (agent-onboarding.md, sidebar_position: 2) - agent builders connecting to Apify (moved up from ai/)
  4. Actor-to-Actor (position 3)
  5. Programming (position 4)
  6. AI, Data and storage, Workflows and notifications (alphabetical)

AI provider sub-folders

Inside ai/, three new sub-folders group provider-specific pages, each with an index.mdx landing page that introduces the provider and gives a short blurb on what each tool does with Apify:

  • ai/claude/ - Claude Desktop (moved from ai/mcp/)
  • ai/openai/ - ChatGPT, OpenAI Agents SDK, OpenAI Assistants
  • ai/google/ - Google ADK

ai/mcp/index.md flattened to ai/mcp.md (folder no longer has subpages).

Sidebar sorting within sections

Tier-based sidebar_position dropped from every integration page. Within each category, pages sort alphabetically. Tier ranking now surfaces on landing-page card grids, not in the sidebar order.

Landing pages

Every category and provider folder has an index.mdx landing page. Each page leads with a verbatim category blurb (reused on the main integrations page so the framing is consistent), shows the S-tier integrations as cards, and links to the sidebar for the full list. The exhaustive alphabetical grids were dropped per follow-up feedback - the sidebar already does that job.

The main page (sources/platform/integrations/index.mdx) was rewritten around the same per-category structure, plus a "Create a new integration" section explaining the partner-onboarding entry point.

Logos

Fetched logos for cards that were missing one:

  • From Simple Icons (CC0): Snowflake, Vercel (+ dark variant), Anthropic / Claude (+ dark variant), Google
  • From brand site: OpenClaw, Agno (PNG saved for future use)
  • Twemoji glyphs as placeholders for built-in cards that have no brand logo: Actor-to-Actor (🔁), Integration-ready (🔌), API (⚙️), x402 (💸)

Filename normalization

Underscored doc filenames in sources/platform/integrations/ renamed to hyphens. Slugs left unchanged - URLs do not break.

  • integrate_with_apify.mdintegrate-with-apify.md
  • ai/aws_bedrock.mdai/aws-bedrock.md
  • ai/openai_agents.mdai/openai/openai-agents.md
  • ai/openai_assistants.mdai/openai/openai-assistants.md
  • actors/integration_ready_actors.mdactors/integration-ready-actors.md
  • actors/integrating_actors_via_api.mdactors/integrating-actors-via-api.md
  • programming/webhooks/ad_hoc_webhooks.mdprogramming/webhooks/ad-hoc-webhooks.md

URL impact

Zero. All integration pages use flat slugs (slug: /integrations/<name>), so moves and renames do not change URLs. pnpm build passes (onBrokenLinks: 'throw' catches misses).

Out of scope

  • HubSpot page itself - lands via feat: hubspot integration docs #2626. Suggest dropping the crm/ folder there and placing it directly in data-and-storage/hubspot.md before merging.
  • Moving actors/integration-ready-actors.md out of integrations to the Actor development section (Tomas's secondary suggestion - punted to a follow-up to keep this PR focused).
  • New pages for empty landing-page categories (Coding agents & IDEs, App builders, MCP gateways, iPaaS, GTM).

Open questions

  • Confirm the data-and-storage/ rename and the inclusion of Drive + Airtable + future HubSpot.
  • AI provider set: starting with Claude, OpenAI, Google. Worth adding Amazon (Bedrock) now, or wait for a second Amazon page?
  • Provider landing-page slugs (/integrations/claude, /integrations/openai, /integrations/google) - any conflicts I missed?

Splits sources/platform/integrations/workflows-and-notifications/ and
data-storage/ into purpose-built categories, adds per-provider sub-folders
under ai/, and prepares a place for the upcoming HubSpot integration.

Categories:

- workflow-automation/ — Activepieces, IFTTT, Kestra, Make, n8n, Pipedream,
  viaSocket, Windmill, Workato, Zapier
- ai-assistants/ — Bubble, Dify, Gumloop
- collaboration/ — Drive, Gmail, Slack, Telegram
- data-pipelines/ — Airbyte, Keboola, Snowflake
- vector-db-storage/ — Airtable, Milvus, Pinecone, Qdrant
- crm/ — placeholder for HubSpot (PR #2626)
- ai/claude/ — Claude Desktop (and future Claude-specific pages)
- ai/openai/ — ChatGPT, OpenAI Agents SDK, OpenAI Assistants
- ai/google/ — Google ADK

Each new category and provider folder has an index.mdx landing page that
features S-tier integrations as cards and gives short blurbs for what each
tool does with Apify.

Drops tier-based sidebar_position in favor of alphabetical sidebar order.
Numeric positions removed from _category_.yml files and individual pages.

Renames underscored doc filenames to hyphens (integrate_with_apify.md,
aws_bedrock.md, openai_agents.md, openai_assistants.md,
integration_ready_actors.md, integrating_actors_via_api.md,
ad_hoc_webhooks.md). Slugs left unchanged, so URLs do not break.

URLs are preserved across the move; only sidebar grouping changes.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@apify-service-account

apify-service-account commented Jun 16, 2026

Copy link
Copy Markdown
Contributor

✅ Preview for this PR (commit 13e961b4) is ready at https://pr-2643.preview.docs.apify.com (see action run).

@github-actions github-actions Bot added the t-docs Issues owned by technical writing team. label Jun 16, 2026
marcel-rbro and others added 8 commits June 16, 2026 11:34
Reverts the workflow-automation/ai-assistants/collaboration/data-pipelines/
vector-db-storage/crm split. Keeps the original five top-level sections
and tightens them: workflows-and-notifications/ stays as one bin, and
data-storage/ is renamed data-and-storage/ to absorb CRM-style destinations
like the upcoming HubSpot integration.

Top-level layout:

- actors/
- programming/
- ai/                       (with claude/, openai/, google/ provider sub-folders)
- workflows-and-notifications/
- data-and-storage/          (was data-storage/, gains airtable and drive,
                              ready to host hubspot once #2626 lands)

Vector DBs (Milvus, Pinecone, Qdrant) move back to ai/ alongside the
other AI tools.

Surface entry points at the top of the integrations sidebar:

- integrate-with-apify.md  sidebar_position: 1
- actors/_category_.yml    position: 2
- programming/_category_.yml position: 3

AI, workflows-and-notifications, and data-and-storage sort alphabetically
after these three pinned entries.

Landing pages rewritten for the consolidated layout:

- ai/index.mdx (new): provider cards (Claude, OpenAI, Google), MCP, agent
  frameworks, AI assistants, vector DBs, agent payments
- workflows-and-notifications/index.mdx (new): featured n8n/Make/Zapier/
  Gumloop + full alphabetical card grid
- data-and-storage/index.mdx (rewritten): featured Snowflake/Airtable/
  Keboola + full grid including Drive; HubSpot mention
- programming/index.mdx (new): API, Webhooks, GitHub cards

actors/index.md kept as-is (already a full landing page).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Main integrations page (sources/platform/integrations/index.mdx) replaces
the previous Built-in / Integration platforms / AI sections with one
section per sidebar category - Actors, Programming, AI, Data and storage,
Workflows and notifications - each leading with that category's S-tier
cards and a "see all" link.

Category landing-page intros unified across the main page and the category
pages so users see the same framing from either entry point.

AI landing trimmed from seven sub-sections to: featured S-tier, by provider
(Claude / OpenAI / Google), and a flat alphabetical "All AI integrations"
grid.

Adds a "Create a new integration" section to the main page explaining
the page's purpose - building an integration-ready Actor or connecting a
service externally via the API.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Category landing pages now show only the S-tier featured cards plus a
pointer to the sidebar for the full list. The full alphabetical "All X
integrations" grids on the AI, data-and-storage, and workflows-and-
notifications landings are removed - the sidebar already serves that role.

Drop Keboola from the data-and-storage featured grid (Mid-tier).

Fetch logos for cards that were missing one:
- snowflake.svg, vercel.svg + vercel-white.svg, google.svg, anthropic.svg
  + anthropic-white.svg from Simple Icons (CC0)
- openclaw.svg from openclaw.ai
- agno.png from Agno's CDN (saved for future use)

Apply logos to: Snowflake, Vercel AI SDK, Google ADK, OpenClaw, Claude
provider, Google provider, Claude Desktop.

Logos still missing for: x402, Skyfire, Upsonic. Their sites embed logos
as base64 data URIs with no fetchable file. Leaving without logos for now.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Four cards had no brand logo: Actor-to-Actor, Integration-ready Actors,
API, and x402. Use Twemoji SVGs as small visual anchors so the cards do
not look empty next to brand-logo neighbors.

- Actor-to-Actor      → emoji-actor-to-actor.svg (cycle arrows)
- Integration-ready   → emoji-pluggable.svg (electric plug)
- API                 → emoji-api.svg (gear)
- x402                → emoji-x402.svg (money with wings, for the
                        payments protocol)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sidebar entry "Actors" reads as ambiguous to people without deep platform
context. Two changes:

1. Rename the integrations/actors/ category label from "Actors" to
   "Actor-to-Actor" so the sidebar tells the reader what the section
   is about.

2. Rewrite the actors/index.md intro to lead with what Actor-to-Actor
   integrations are and how they differ from third-party integrations
   covered elsewhere on the page. The catalog pointer moves below the
   intro so the framing comes first.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@marcel-rbro marcel-rbro marked this pull request as ready for review June 16, 2026 11:55
…ixes

Move agent-onboarding.md from sources/platform/integrations/ai/ to
sources/platform/integrations/. Pin with sidebar_position: 2 so it sits
right after "Create new integration" as the agent-builder entry point.
Slug unchanged - no URL break.

Bump actors/_category_.yml (3) and programming/_category_.yml (4)
positions to make room.

Update sidebar_label "Agent onboarding" -> "Apify for AI agents" to match
the page title; the old label undersold the page's scope (MCP, Agent
Skills, client libraries, REST API).

Replace em-dashes with hyphen-spaces per project house style. Vale was
flagging Microsoft.Dashes errors on prose introduced in this PR.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@marcel-rbro marcel-rbro requested review from TC-MO and szaganek June 16, 2026 12:31
…rage

Michal's review on PR #2643:

1. MCP connectors got dropped from the AI landing page when the
   alphabetical "All AI integrations" grid was removed. Restore it as
   a featured card next to the MCP server entry - MCP connectors had a
   recent launch and is a major push.

2. Two featured cards on Data and storage looks sparse. Add Google Drive
   (native integration). HubSpot will land via #2626. Airbyte and Keboola
   left for the sidebar because their logos are outdated.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

@TC-MO TC-MO left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approve, tho one thing to consider before merge. The provider index pages are extremely thin and provide basically just a datacard for a page that has actual content. I would drop them until there are at least two pages that can be within folder.

marcel-rbro and others added 4 commits June 18, 2026 15:53
From the review pass:

- US English: replace "analyses" with "analyzes" in the Data and storage
  blurb (used on both the main landing page and data-and-storage/index.mdx).
- Oxford comma in inline lists: "(n8n, Make, Zapier)" -> "(n8n, Make, and
  Zapier)" on the main and Workflows-and-notifications landings.
- Numbers: "1500+" -> "1,500+" and "6000+" -> "6,000+" thousands separators.
- Frontmatter description length (standard is 140-160 chars): expand
  descriptions on Claude, OpenAI, Google, Programming, and
  Workflows-and-notifications landings.

Findings deliberately left unchanged:
- sidebar_position omitted on category pages (alphabetical-sort design
  decision in this PR).
- Card component renders <img> without alt prop (component limitation,
  out of scope for this PR).
- Helen Keller epigraph using "we" (chosen by the author).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…er quote

Per Michal's PR approval comment: provider folders with only one sub-page
(Claude, Google) are too thin to justify a hub page that's just a card
pointing at a single article. Drop them; revisit when there are two or
more pages per provider.

- ai/claude/claude-desktop.md  -> ai/claude-desktop.md
- ai/google/google-adk.md      -> ai/google-adk.md
- Remove ai/claude/ and ai/google/ folders (index.mdx + _category_.yml)

ai/openai/ stays - three sub-pages (ChatGPT, OpenAI Agents SDK, OpenAI
Assistants) plus a per-tool blurb landing page is still useful.

ai/index.mdx "By provider" section rewritten: a one-line pointer to the
OpenAI hub, plus direct links to the standalone Claude Desktop and Google
ADK pages.

Also: drop the Helen Keller epigraph from the top of the integrations
landing page.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
"HubSpot is on its way and will appear there once it lands" was an
internal release-status note that shipped with the landing-page copy by
mistake. Remove it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Mirrors the change just made to data-and-storage/index.mdx - Drive sits
alongside Snowflake and Airtable as a featured Data and storage card.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

t-docs Issues owned by technical writing team.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restructure integrations docs to mirror apify.com/integrations and add tier ranking

3 participants