From 5456951953c249fa4562de5e1c512626bfc34ea1 Mon Sep 17 00:00:00 2001 From: Eric Gustin Date: Tue, 24 Mar 2026 16:45:15 -0700 Subject: [PATCH 1/5] Add MCP Servers tab to examples page --- app/_components/examples-tabs.tsx | 33 ++++ app/en/resources/examples/page.mdx | 292 +++++++++++++++++------------ next-env.d.ts | 2 +- 3 files changed, 210 insertions(+), 117 deletions(-) create mode 100644 app/_components/examples-tabs.tsx diff --git a/app/_components/examples-tabs.tsx b/app/_components/examples-tabs.tsx new file mode 100644 index 000000000..febef341e --- /dev/null +++ b/app/_components/examples-tabs.tsx @@ -0,0 +1,33 @@ +"use client"; + +import { type ReactNode, useState } from "react"; + +type ExamplesTabsProps = { + tabs: { label: string; content: ReactNode }[]; +}; + +export function ExamplesTabs({ tabs }: ExamplesTabsProps) { + const [activeTab, setActiveTab] = useState(0); + + return ( +
+
+ {tabs.map((tab, index) => ( + + ))} +
+
{tabs[activeTab]?.content}
+
+ ); +} diff --git a/app/en/resources/examples/page.mdx b/app/en/resources/examples/page.mdx index 8c762aa7e..130e36912 100644 --- a/app/en/resources/examples/page.mdx +++ b/app/en/resources/examples/page.mdx @@ -1,126 +1,186 @@ --- -title: "Example apps" -description: "Example apps using Arcade's tools and MCP Servers in workflows and with agents." +title: "Examples" +description: "Example apps and MCP servers using Arcade's tools and MCP servers in workflows and with agents." --- -## Example apps +## Examples -These example repos demonstrate Arcade's capabilities in real-world scenarios, from AI-powered research tools to Slack integrations. +Explore example repositories that demonstrate Arcade's capabilities in real-world scenarios. -Use these repositories as starting points for your own projects or reference implementations for specific integration patterns. Each repository includes complete source code and setup instructions to help you understand implementation details and get started quickly. +Use these repositories as starting points for your own projects or reference implementations for specific integration patterns. Each repository includes complete source code and setup instructions. import { SampleAppCard } from "../../../_components/sample-app-card"; +import { ExamplesTabs } from "../../../_components/examples-tabs"; -
- - - - - - - - - - - -
-## Submit your app + +
+ + + + + + + + + + + +
-Built something with Arcade? The team would love to feature it! Submit your app by creating a pull request to the documentation site. +
+

Submit your app

+

+ Built something with Arcade? The team would love to feature it! Submit your app by creating a pull request to the documentation site. +

+

Guidelines

+
    +
  • Open source: Your app should be publicly available on GitHub
    • +
  • Uses Arcade: Your app should integrate with Arcade's tools, MCP servers, or SDK
    • +
  • Working demo: Include clear setup instructions and ensure your app runs
    • +
  • Good documentation: Provide a clear README with installation and usage instructions
    • +
  • Appropriate content: Family friendly and professional applications only
    • +
+

How to submit

+
    +
  1. Fork the Arcade docs repository
    2. +
  2. Add your app to /app/en/resources/examples/page.mdx following the existing pattern
    3. +
  3. Include a descriptive title, clear description, and appropriate tags
    4. +
  4. Create a pull request with details about your app and its Arcade integration
    5. +
  5. The team will review and potentially feature your app
    6. +
+

Need help?

+

+ If you have questions about submitting your app, feel free to contact the team or open an issue in the docs repository. +

+
+ + ), + }, + { + label: "MCP servers", + content: ( +
+
+ +
-### Guidelines - -- **Open source**: Your app should be publicly available on GitHub -- **Uses Arcade**: Your app should integrate with Arcade's tools, MCP servers, or SDK -- **Working demo**: Include clear setup instructions and ensure your app runs -- **Good documentation**: Provide a clear README with installation and usage instructions -- **Appropriate content**: Family friendly and professional applications only - -### How to submit - -1. Fork the [Arcade docs repository](https://github.com/ArcadeAI/docs) -2. Add your app to `/app/en/resources/examples/page.mdx` following the existing pattern -3. Include a descriptive title, clear description, and appropriate tags -4. Create a pull request with details about your app and its Arcade integration -5. The team will review and potentially feature your app - -### Need help? - -If you have questions about submitting your app, feel free to [contact the team](/resources/contact-us) or open an issue in the docs repository. +
+

Submit your MCP server

+

+ Built an MCP server with Arcade? The team would love to feature it! Submit your server by creating a pull request to the documentation site. +

+

Guidelines

+
    +
  • Open source: Your MCP server should be publicly available on GitHub
    • +
  • Uses Arcade: Your server should integrate with Arcade's tools, auth, or SDK
    • +
  • Working demo: Include clear setup instructions and ensure your server runs
    • +
  • Good documentation: Provide a clear README with installation and usage instructions
    • +
  • Appropriate content: Family friendly and professional servers only
    • +
+

How to submit

+
    +
  1. Fork the Arcade docs repository
    2. +
  2. Add your server to /app/en/resources/examples/page.mdx following the existing pattern
    3. +
  3. Include a descriptive title, clear description, and appropriate tags
    4. +
  4. Create a pull request with details about your server and its Arcade integration
    5. +
  5. The team will review and potentially feature your server
    6. +
+

Need help?

+

+ If you have questions about submitting your MCP server, feel free to contact the team or open an issue in the docs repository. +

+
+
+ ), + }, + ]} +/> diff --git a/next-env.d.ts b/next-env.d.ts index 9edff1c7c..c4b7818fb 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -1,6 +1,6 @@ /// /// -import "./.next/types/routes.d.ts"; +import "./.next/dev/types/routes.d.ts"; // NOTE: This file should not be edited // see https://nextjs.org/docs/app/api-reference/config/typescript for more information. From a964756b72d750151f13e66bbcfbea2fb8cca03d Mon Sep 17 00:00:00 2001 From: Eric Gustin Date: Tue, 24 Mar 2026 17:11:12 -0700 Subject: [PATCH 2/5] Remove nasty HTML --- app/en/resources/examples/page.mdx | 334 ++++++++++++++--------------- 1 file changed, 160 insertions(+), 174 deletions(-) diff --git a/app/en/resources/examples/page.mdx b/app/en/resources/examples/page.mdx index 130e36912..17a494f6e 100644 --- a/app/en/resources/examples/page.mdx +++ b/app/en/resources/examples/page.mdx @@ -10,177 +10,163 @@ Explore example repositories that demonstrate Arcade's capabilities in real-worl Use these repositories as starting points for your own projects or reference implementations for specific integration patterns. Each repository includes complete source code and setup instructions. import { SampleAppCard } from "../../../_components/sample-app-card"; -import { ExamplesTabs } from "../../../_components/examples-tabs"; - - -
- - - - - - - - - - - -
- -
-

Submit your app

-

- Built something with Arcade? The team would love to feature it! Submit your app by creating a pull request to the documentation site. -

-

Guidelines

-
    -
  • Open source: Your app should be publicly available on GitHub
    • -
  • Uses Arcade: Your app should integrate with Arcade's tools, MCP servers, or SDK
    • -
  • Working demo: Include clear setup instructions and ensure your app runs
    • -
  • Good documentation: Provide a clear README with installation and usage instructions
    • -
  • Appropriate content: Family friendly and professional applications only
    • -
-

How to submit

-
    -
  1. Fork the Arcade docs repository
    2. -
  2. Add your app to /app/en/resources/examples/page.mdx following the existing pattern
    3. -
  3. Include a descriptive title, clear description, and appropriate tags
    4. -
  4. Create a pull request with details about your app and its Arcade integration
    5. -
  5. The team will review and potentially feature your app
    6. -
-

Need help?

-

- If you have questions about submitting your app, feel free to contact the team or open an issue in the docs repository. -

-
- - ), - }, - { - label: "MCP servers", - content: ( -
-
- -
- -
-

Submit your MCP server

-

- Built an MCP server with Arcade? The team would love to feature it! Submit your server by creating a pull request to the documentation site. -

-

Guidelines

-
    -
  • Open source: Your MCP server should be publicly available on GitHub
    • -
  • Uses Arcade: Your server should integrate with Arcade's tools, auth, or SDK
    • -
  • Working demo: Include clear setup instructions and ensure your server runs
    • -
  • Good documentation: Provide a clear README with installation and usage instructions
    • -
  • Appropriate content: Family friendly and professional servers only
    • -
-

How to submit

-
    -
  1. Fork the Arcade docs repository
    2. -
  2. Add your server to /app/en/resources/examples/page.mdx following the existing pattern
    3. -
  3. Include a descriptive title, clear description, and appropriate tags
    4. -
  4. Create a pull request with details about your server and its Arcade integration
    5. -
  5. The team will review and potentially feature your server
    6. -
-

Need help?

-

- If you have questions about submitting your MCP server, feel free to contact the team or open an issue in the docs repository. -

-
-
- ), - }, - ]} -/> +import { Tabs } from "nextra/components"; + + + + +
+ + + + + + + + + + + +
+ +### Submit your app + +Built something with Arcade? The team would love to feature it! Submit your app by creating a pull request to the documentation site. + +#### Guidelines + +- **Open source**: Your app should be publicly available on GitHub +- **Uses Arcade**: Your app should integrate with Arcade's tools, MCP servers, or SDK +- **Working demo**: Include clear setup instructions and ensure your app runs +- **Good documentation**: Provide a clear README with installation and usage instructions +- **Appropriate content**: Family friendly and professional applications only + +#### How to submit + +1. Fork the [Arcade docs repository](https://github.com/ArcadeAI/docs) +2. Add your app to `/app/en/resources/examples/page.mdx` following the existing pattern +3. Include a descriptive title, clear description, and appropriate tags +4. Create a pull request with details about your app and its Arcade integration +5. The team will review and potentially feature your app + +#### Need help? + +If you have questions about submitting your app, feel free to [contact the team](/resources/contact-us) or open an issue in the docs repository. + + + + +
+ +
+ +### Submit your MCP server + +Built an MCP server with Arcade? The team would love to feature it! Submit your server by creating a pull request to the documentation site. + +#### Guidelines + +- **Open source**: Your MCP server should be publicly available on GitHub +- **Uses Arcade**: Your server should integrate with Arcade's tools, auth, or SDK +- **Working demo**: Include clear setup instructions and ensure your server runs +- **Good documentation**: Provide a clear README with installation and usage instructions +- **Appropriate content**: Family friendly and professional servers only + +#### How to submit + +1. Fork the [Arcade docs repository](https://github.com/ArcadeAI/docs) +2. Add your server to `/app/en/resources/examples/page.mdx` following the existing pattern +3. Include a descriptive title, clear description, and appropriate tags +4. Create a pull request with details about your server and its Arcade integration +5. The team will review and potentially feature your server + +#### Need help? + +If you have questions about submitting your MCP server, feel free to [contact the team](/resources/contact-us) or open an issue in the docs repository. + + + From 23d7aa0cafd8ea092898e84a2ac752c2cd210bb2 Mon Sep 17 00:00:00 2001 From: Eric Gustin Date: Tue, 24 Mar 2026 17:37:15 -0700 Subject: [PATCH 3/5] Revert unrelated file change --- next-env.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/next-env.d.ts b/next-env.d.ts index c4b7818fb..9edff1c7c 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -1,6 +1,6 @@ /// /// -import "./.next/dev/types/routes.d.ts"; +import "./.next/types/routes.d.ts"; // NOTE: This file should not be edited // see https://nextjs.org/docs/app/api-reference/config/typescript for more information. From b130555d49e3bfe74c4282a731b67f028990022e Mon Sep 17 00:00:00 2001 From: Eric Gustin Date: Tue, 24 Mar 2026 17:38:32 -0700 Subject: [PATCH 4/5] Remove another unrelated change --- app/_components/examples-tabs.tsx | 33 ------------------------------- 1 file changed, 33 deletions(-) delete mode 100644 app/_components/examples-tabs.tsx diff --git a/app/_components/examples-tabs.tsx b/app/_components/examples-tabs.tsx deleted file mode 100644 index febef341e..000000000 --- a/app/_components/examples-tabs.tsx +++ /dev/null @@ -1,33 +0,0 @@ -"use client"; - -import { type ReactNode, useState } from "react"; - -type ExamplesTabsProps = { - tabs: { label: string; content: ReactNode }[]; -}; - -export function ExamplesTabs({ tabs }: ExamplesTabsProps) { - const [activeTab, setActiveTab] = useState(0); - - return ( -
-
- {tabs.map((tab, index) => ( - - ))} -
-
{tabs[activeTab]?.content}
-
- ); -} From 381d4173cb0f61ae634f065d761fa5550e315b01 Mon Sep 17 00:00:00 2001 From: Eric Gustin <34000337+EricGustin@users.noreply.github.com> Date: Wed, 1 Apr 2026 19:13:14 -0700 Subject: [PATCH 5/5] Update app/en/resources/examples/page.mdx Co-authored-by: vfanelle --- app/en/resources/examples/page.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/en/resources/examples/page.mdx b/app/en/resources/examples/page.mdx index 17a494f6e..6823cde0d 100644 --- a/app/en/resources/examples/page.mdx +++ b/app/en/resources/examples/page.mdx @@ -12,7 +12,7 @@ Use these repositories as starting points for your own projects or reference imp import { SampleAppCard } from "../../../_components/sample-app-card"; import { Tabs } from "nextra/components"; - +