Files
hammerfest/public/solutions/apps-and-ai-development/index.html
T
2026-09-30 16:19:00 -06:00

1174 lines
41 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Apps &#43; AI Development · Federated Computer</title>
<meta name="description" content="Run your business on open-source apps, then build AI on top of them — notebooks, version control, CI/CD, digital twins, and a live index of your business, all private.">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../../css/style.css">
</head>
<body id="top">
<a class="skip" href="#content">Skip to content</a>
<div class="page">
<aside class="rail">
<div class="rail-bar">
<a href="../../" class="brand" aria-label="Federated Computer, home">
<img src="../../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<details class="menu">
<summary><span class="menu-word">Menu</span><span class="menu-glyph" aria-hidden="true"><i></i><i></i></span></summary>
<nav class="menu-panel" aria-label="Site">
<a href="../../" class="menu-top">Home</a>
<a href="../../solutions/" class="menu-top">Solutions</a>
<div class="menu-sub">
<a href="../../solutions/open-source-apps/">Open-Source Apps</a><a href="../../solutions/apps-and-ai-development/">Apps &#43; AI Development</a><a href="../../solutions/ai-for-your-apps/">AI for Your Own Apps</a><a href="../../solutions/full-stack/">The Full Stack</a><a href="../../solutions/#compare">Compare All Four</a>
</div>
<a href="../../product/" class="menu-top">Product</a>
<div class="menu-sub">
<a href="../../product/federated-core/">Federated Core</a><a href="../../product/software-library/">Software Library</a><a href="../../product/agent-sandbox/">Agent Sandbox</a><a href="../../product/data-controls/">Data &amp; Controls</a>
</div>
<a href="../../ai-privacy-advantage/" class="menu-top">AI Privacy Advantage</a>
<a href="../../pricing/" class="menu-top">Pricing</a>
<a href="../../about/" class="menu-top">About</a>
<div class="menu-actions">
<a href="../../start-now/" class="btn btn-primary">
<span class="btn-tile" aria-hidden="true"><svg viewBox="0 0 16 16" width="14" height="14" fill="none"><path d="M3 8h9M8.5 4.5 12 8l-3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/></svg></span>
<span class="btn-label">Start Now</span>
</a>
<a href="../../sign-in/" class="btn btn-secondary">Sign In<span class="arrow" aria-hidden="true">→</span></a>
</div>
</nav>
</details>
</div>
<nav class="nav nav-doors" aria-label="Site">
<a href="../../">Home</a>
<a href="../../solutions/" aria-current="page">Solutions</a>
<div class="nav-sub">
<a href="../../solutions/open-source-apps/">Open-Source Apps</a>
<a href="../../solutions/apps-and-ai-development/" aria-current="page">Apps &#43; AI Development</a>
<a href="../../solutions/ai-for-your-apps/">AI for Your Own Apps</a>
<a href="../../solutions/full-stack/">The Full Stack</a>
<a href="../../solutions/#compare">Compare All Four</a>
</div>
<a href="../../product/">Product</a>
<a href="../../ai-privacy-advantage/">AI Privacy Advantage</a>
<a href="../../pricing/">Pricing</a>
<a href="../../about/">About</a>
</nav>
<div class="rail-actions">
<a href="../../start-now/" class="btn btn-primary btn-sm"><span class="btn-label">Start Now</span></a>
<a href="../../sign-in/" class="rail-signin">Sign In</a>
</div>
<hr class="rail-rule">
<nav class="nav nav-here" aria-label="On this page">
<a href="#who-this-is-for">Who This Is For</a><a href="#your-ai-toolkit">Your AI Toolkit</a><a href="#how-work-flows">How Work Flows</a><a href="#in-practice">In Practice</a><a href="#where-agents-run">Where Agents Run</a><a href="#questions">Questions</a>
</nav>
<nav class="app-wall" aria-label="Apps + AI">
<a class="app-wall-head" href="../../product/software-library/">
<span class="app-wall-title">Apps + AI</span>
<span class="app-wall-count">Catalog<span class="arrow" aria-hidden="true">→</span></span>
</a>
<div class="app-wall-view">
<div class="app-wall-scroll">
<ul class="app-wall-grid">
<li>
<a class="app-tile" href="../../nextcloud/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#nextcloud"></use></svg>
<span class="app-tile-name">Nextcloud</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#claude"></use></svg>
<span class="app-tile-name">Claude Code</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/#mcp">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#mcp"></use></svg>
<span class="app-tile-name">MCP</span>
</a>
</li>
<li>
<a class="app-tile" href="../../jitsi/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#jitsi"></use></svg>
<span class="app-tile-name">Jitsi</span>
</a>
</li>
<li>
<a class="app-tile" href="../../espocrm/">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">E</span>
<span class="app-tile-name">EspoCRM</span>
</a>
</li>
<li>
<a class="app-tile" href="../../element/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#element"></use></svg>
<span class="app-tile-name">Element</span>
</a>
</li>
<li>
<a class="app-tile" href="../../n8n/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#n8n"></use></svg>
<span class="app-tile-name">n8n</span>
</a>
</li>
<li>
<a class="app-tile" href="../../immich/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#immich"></use></svg>
<span class="app-tile-name">Immich</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#jupyter"></use></svg>
<span class="app-tile-name">Jupyter</span>
</a>
</li>
<li>
<a class="app-tile" href="../../wordpress/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#wordpress"></use></svg>
<span class="app-tile-name">WordPress</span>
</a>
</li>
<li>
<a class="app-tile" href="../../freescout/">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">F</span>
<span class="app-tile-name">FreeScout</span>
</a>
</li>
<li>
<a class="app-tile" href="../../collabora-writer/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#collabora"></use></svg>
<span class="app-tile-name">Collabora</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#opencode"></use></svg>
<span class="app-tile-name">OpenCode</span>
</a>
</li>
<li>
<a class="app-tile" href="../../vaultwarden/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#vaultwarden"></use></svg>
<span class="app-tile-name">Vault­warden</span>
</a>
</li>
<li>
<a class="app-tile" href="../../calcom/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#calcom"></use></svg>
<span class="app-tile-name">Cal.com</span>
</a>
</li>
<li>
<a class="app-tile" href="../../gitea/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#gitea"></use></svg>
<span class="app-tile-name">Gitea</span>
</a>
</li>
<li>
<a class="app-tile" href="../../discourse/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#discourse"></use></svg>
<span class="app-tile-name">Discourse</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#grafana"></use></svg>
<span class="app-tile-name">Grafana</span>
</a>
</li>
<li>
<a class="app-tile" href="../../bookstack/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#bookstack"></use></svg>
<span class="app-tile-name">BookStack</span>
</a>
</li>
<li>
<a class="app-tile" href="../../docuseal/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#docuseal"></use></svg>
<span class="app-tile-name">DocuSeal</span>
</a>
</li>
<li>
<a class="app-tile" href="../../plane/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#plane"></use></svg>
<span class="app-tile-name">Plane</span>
</a>
</li>
<li>
<a class="app-tile" href="../../baserow/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#baserow"></use></svg>
<span class="app-tile-name">Baserow</span>
</a>
</li>
<li>
<a class="app-tile" href="../../listmonk/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#listmonk"></use></svg>
<span class="app-tile-name">Listmonk</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#postgresql"></use></svg>
<span class="app-tile-name">Postgre­SQL</span>
</a>
</li>
<li>
<a class="app-tile" href="../../mautic/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#mautic"></use></svg>
<span class="app-tile-name">Mautic</span>
</a>
</li>
<li>
<a class="app-tile" href="../../plausible-analytics/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#plausible"></use></svg>
<span class="app-tile-name">Plausible</span>
</a>
</li>
<li>
<a class="app-tile" href="../../matomo/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#matomo"></use></svg>
<span class="app-tile-name">Matomo</span>
</a>
</li>
<li>
<a class="app-tile" href="../../kimai/">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">K</span>
<span class="app-tile-name">Kimai</span>
</a>
</li>
<li>
<a class="app-tile" href="../../castopod/">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">C</span>
<span class="app-tile-name">Castopod</span>
</a>
</li>
<li>
<a class="app-tile" href="../../woocommerce-ecommerce/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#woocommerce"></use></svg>
<span class="app-tile-name">Woo­Commerce</span>
</a>
</li>
<li>
<a class="app-tile" href="../../roundcube/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#roundcube"></use></svg>
<span class="app-tile-name">Roundcube</span>
</a>
</li>
<li>
<a class="app-tile" href="../../headscale/">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">H</span>
<span class="app-tile-name">Headscale</span>
</a>
</li>
<li>
<a class="app-tile" href="../../solutions/ai-for-your-apps/">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#add"></use></svg>
<span class="app-tile-name">Add Yours</span>
</a>
</li>
</ul>
<ul class="app-wall-grid" aria-hidden="true">
<li>
<a class="app-tile" href="../../nextcloud/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#nextcloud"></use></svg>
<span class="app-tile-name">Nextcloud</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#claude"></use></svg>
<span class="app-tile-name">Claude Code</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/#mcp" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#mcp"></use></svg>
<span class="app-tile-name">MCP</span>
</a>
</li>
<li>
<a class="app-tile" href="../../jitsi/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#jitsi"></use></svg>
<span class="app-tile-name">Jitsi</span>
</a>
</li>
<li>
<a class="app-tile" href="../../espocrm/" tabindex="-1">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">E</span>
<span class="app-tile-name">EspoCRM</span>
</a>
</li>
<li>
<a class="app-tile" href="../../element/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#element"></use></svg>
<span class="app-tile-name">Element</span>
</a>
</li>
<li>
<a class="app-tile" href="../../n8n/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#n8n"></use></svg>
<span class="app-tile-name">n8n</span>
</a>
</li>
<li>
<a class="app-tile" href="../../immich/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#immich"></use></svg>
<span class="app-tile-name">Immich</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#jupyter"></use></svg>
<span class="app-tile-name">Jupyter</span>
</a>
</li>
<li>
<a class="app-tile" href="../../wordpress/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#wordpress"></use></svg>
<span class="app-tile-name">WordPress</span>
</a>
</li>
<li>
<a class="app-tile" href="../../freescout/" tabindex="-1">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">F</span>
<span class="app-tile-name">FreeScout</span>
</a>
</li>
<li>
<a class="app-tile" href="../../collabora-writer/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#collabora"></use></svg>
<span class="app-tile-name">Collabora</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#opencode"></use></svg>
<span class="app-tile-name">OpenCode</span>
</a>
</li>
<li>
<a class="app-tile" href="../../vaultwarden/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#vaultwarden"></use></svg>
<span class="app-tile-name">Vault­warden</span>
</a>
</li>
<li>
<a class="app-tile" href="../../calcom/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#calcom"></use></svg>
<span class="app-tile-name">Cal.com</span>
</a>
</li>
<li>
<a class="app-tile" href="../../gitea/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#gitea"></use></svg>
<span class="app-tile-name">Gitea</span>
</a>
</li>
<li>
<a class="app-tile" href="../../discourse/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#discourse"></use></svg>
<span class="app-tile-name">Discourse</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#grafana"></use></svg>
<span class="app-tile-name">Grafana</span>
</a>
</li>
<li>
<a class="app-tile" href="../../bookstack/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#bookstack"></use></svg>
<span class="app-tile-name">BookStack</span>
</a>
</li>
<li>
<a class="app-tile" href="../../docuseal/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#docuseal"></use></svg>
<span class="app-tile-name">DocuSeal</span>
</a>
</li>
<li>
<a class="app-tile" href="../../plane/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#plane"></use></svg>
<span class="app-tile-name">Plane</span>
</a>
</li>
<li>
<a class="app-tile" href="../../baserow/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#baserow"></use></svg>
<span class="app-tile-name">Baserow</span>
</a>
</li>
<li>
<a class="app-tile" href="../../listmonk/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#listmonk"></use></svg>
<span class="app-tile-name">Listmonk</span>
</a>
</li>
<li>
<a class="app-tile" href="../../product/software-library/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#postgresql"></use></svg>
<span class="app-tile-name">Postgre­SQL</span>
</a>
</li>
<li>
<a class="app-tile" href="../../mautic/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#mautic"></use></svg>
<span class="app-tile-name">Mautic</span>
</a>
</li>
<li>
<a class="app-tile" href="../../plausible-analytics/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#plausible"></use></svg>
<span class="app-tile-name">Plausible</span>
</a>
</li>
<li>
<a class="app-tile" href="../../matomo/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#matomo"></use></svg>
<span class="app-tile-name">Matomo</span>
</a>
</li>
<li>
<a class="app-tile" href="../../kimai/" tabindex="-1">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">K</span>
<span class="app-tile-name">Kimai</span>
</a>
</li>
<li>
<a class="app-tile" href="../../castopod/" tabindex="-1">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">C</span>
<span class="app-tile-name">Castopod</span>
</a>
</li>
<li>
<a class="app-tile" href="../../woocommerce-ecommerce/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#woocommerce"></use></svg>
<span class="app-tile-name">Woo­Commerce</span>
</a>
</li>
<li>
<a class="app-tile" href="../../roundcube/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#roundcube"></use></svg>
<span class="app-tile-name">Roundcube</span>
</a>
</li>
<li>
<a class="app-tile" href="../../headscale/" tabindex="-1">
<span class="app-tile-icon app-tile-letter" aria-hidden="true">H</span>
<span class="app-tile-name">Headscale</span>
</a>
</li>
<li>
<a class="app-tile" href="../../solutions/ai-for-your-apps/" tabindex="-1">
<svg class="app-tile-icon" aria-hidden="true"><use href="../../images/app-icons.svg#add"></use></svg>
<span class="app-tile-name">Add Yours</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</aside>
<main class="col" id="content" tabindex="-1">
<header class="hero hero-compact">
<p class="note" data-reveal><span class="note-live" aria-hidden="true"></span><span class="note-text">Solutions · Apps &#43; AI Development</span></p>
<h1 class="statement" data-reveal style="--d:80ms">Your Business Apps and Your AI Workbench, on One Private Platform.</h1>
<p class="dek" data-reveal style="--d:140ms">Run your business on open-source apps, then build AI on top of them — with notebooks, version control, CI/CD, and safe test environments already connected to your own data.</p>
<div class="actions" data-reveal style="--d:200ms">
<a href="../../start-now/" class="btn btn-primary">
<span class="btn-tile" aria-hidden="true"><svg viewBox="0 0 16 16" width="14" height="14" fill="none"><path d="M3 8h9M8.5 4.5 12 8l-3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/></svg></span>
<span class="btn-label">Start 7-Day Free Trial</span>
</a>
<a href="https://calcom.federated.computer/david/60-min-meeting" class="btn btn-secondary">Book a Demo<span class="arrow" aria-hidden="true">↗</span></a>
</div>
<aside class="hero-fit" aria-label="Platform layers this path uses" data-reveal style="--d:260ms">
<div class="hero-fit-head">
<p class="hero-fit-title">What this path uses</p>
<a class="more" href="../../solutions/#compare">Compare all four<span class="arrow" aria-hidden="true">→</span></a>
</div>
<ul class="fit">
<li class="fit-row fit-core is-yes">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Federated Core</span>
<span class="fit-state">Included</span>
</li>
<li class="fit-row fit-library is-yes">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Software Library</span>
<span class="fit-state">Included</span>
</li>
<li class="fit-row fit-sandbox is-no">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Agent Sandbox</span>
<span class="fit-state">Add anytime</span>
</li>
<li class="fit-row fit-controls is-yes">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Data &amp; Controls</span>
<span class="fit-state">Included</span>
</li>
</ul>
</aside>
</header>
<section class="section section-text" id="who-this-is-for" data-reveal>
<div class="section-head">
<p class="eyebrow">Who This Is For</p>
<h2>You Have Ideas for AI, and Data You Won&rsquo;t Hand Over</h2>
</div>
<div class="prose">
<p>You want the savings and privacy of open-source business apps. You also have developers, analysts, or a technical founder who want to build with AI: a support-triage model, a sales assistant that knows your CRM, automations that save the team hours a week.</p>
<p>The hard part usually isn&rsquo;t the model. It&rsquo;s getting clean, current access to your own data without copying it into a third-party cloud, and having a safe way to test what you build. This path gives you both: the Software Library for running the business, and Data &amp; Controls for building on it.</p>
</div>
</section>
<section class="section section-features" id="your-ai-toolkit" data-reveal>
<div class="section-head">
<p class="eyebrow">Your AI Toolkit</p>
<h2>Everything You Need to Build, Already Wired to Your Data</h2>
</div>
<ul class="feature-list">
<li><strong>MCP in every app</strong>Claude, ChatGPT, or a private local model can read and act inside your apps through scoped connections — no custom integration code.</li>
<li><strong>The Organizational Brain</strong>A live, searchable index of your files, forum threads, and support tickets, so anything you build starts with full context.</li>
<li><strong>Jupyter notebooks</strong>A safe place to explore your own data and prototype ideas with local AI.</li>
<li><strong>Gitea &#43; CI/CD</strong>Every change, human- or AI-written, is tracked, tested, and deployed automatically.</li>
<li><strong>Digital twin environments</strong>An exact, safe copy of your live systems for testing risky changes with zero danger to real data.</li>
<li><strong>Grafana &amp; Prometheus</strong>Real-time monitoring that catches problems, including automations stuck in a loop, before they get expensive.</li>
<li><strong>Federated learning</strong>Train models locally on your own data. Only encrypted learnings are ever shared, and only if you choose to take part.</li>
</ul>
</section>
<section class="section section-steps" id="how-work-flows" data-reveal>
<div class="section-head">
<p class="eyebrow">How Work Flows</p>
<h2>From Idea to Shipped, Without Your Data Leaving Home</h2>
</div>
<ol class="step-row steps-4">
<li class="step">
<div class="step-head">
<h3>Explore</h3>
<span class="step-num">001</span>
</div>
<p>Open a Jupyter notebook and ask questions of your real data through the Organizational Brain.</p>
</li>
<li class="step">
<div class="step-head">
<h3>Build</h3>
<span class="step-num">002</span>
</div>
<p>Turn the prototype into code. Commit it to Gitea, where every change is tracked.</p>
</li>
<li class="step">
<div class="step-head">
<h3>Test</h3>
<span class="step-num">003</span>
</div>
<p>CI/CD runs it against a digital twin of your systems, not the real thing.</p>
</li>
<li class="step">
<div class="step-head">
<h3>Ship and watch</h3>
<span class="step-num">004</span>
</div>
<p>Deploy automatically, then monitor it in Grafana so you know it&rsquo;s behaving.</p>
</li>
</ol>
</section>
<section class="section section-callout" id="in-practice" data-reveal>
<div class="section-head">
<p class="eyebrow">In Practice</p>
<h2>A Support Assistant, Built In-House</h2>
</div>
<div class="callout"><p>A developer prototypes a reply assistant in a notebook, using past FreeScout tickets and the policy pages in Discourse. It goes into Gitea, gets tested against a digital twin, and ships. Now every new ticket arrives with a drafted answer and links to the right documents — and no ticket ever left the company&rsquo;s own install.</p></div>
</section>
<section class="section section-text" id="where-agents-run" data-reveal>
<div class="section-head">
<p class="eyebrow">Where Agents Run</p>
<h2>Run What You Build Wherever You Like — Until You Want It Here</h2>
</div>
<div class="prose">
On this path, the AI you build runs where you choose: your own machines, your existing infrastructure, or your model provider of choice. When you&rsquo;re ready to run a whole team of agents next to your data, add the Agent Sandbox to the same install.
</div>
<div class="cta-row mt-2">
<a href="../../solutions/full-stack/" class="more">See the Full Stack<span class="arrow" aria-hidden="true">→</span></a>
</div>
</section>
<section class="section section-faq" id="questions" data-reveal>
<div class="section-head">
<p class="eyebrow">Questions</p>
<h2>Common Questions About This Path</h2>
</div>
<div class="faq-list">
<details class="faq-item">
<summary>Which AI models can I use?</summary>
<div class="faq-answer"><p>The built-in connectors work with Claude, ChatGPT, or a private local model. You choose, and you can change your mind.</p></div>
</details>
<details class="faq-item">
<summary>Will my data be used to train anyone&#39;s model?</summary>
<div class="faq-answer"><p>No. Your install is single-tenant and we can&rsquo;t see your data once you change your admin password. Federated learning is opt-in, and even then only encrypted model updates leave your servers — never raw data.</p></div>
</details>
<details class="faq-item">
<summary>Do I need a data team to get value from this?</summary>
<div class="faq-answer"><p>No, but it helps to have at least one person comfortable writing code or working in notebooks. If you&rsquo;d rather not build, the Open-Source Apps path may fit better for now.</p></div>
</details>
<details class="faq-item">
<summary>Do I need the Agent Sandbox?</summary>
<div class="faq-answer"><p>Not to build. You need it when you want to run many agents at once on Federated&rsquo;s infrastructure, next to your data.</p></div>
</details>
</div>
</section>
<aside class="cta" data-reveal>
<h2 class="cta-title">Build AI on your business, not on someone else&rsquo;s cloud.</h2>
<p class="cta-text">Try the apps and the full AI development toolkit free for 7 days.</p>
<div class="actions">
<a href="../../start-now/" class="btn btn-primary">
<span class="btn-tile" aria-hidden="true"><svg viewBox="0 0 16 16" width="14" height="14" fill="none"><path d="M3 8h9M8.5 4.5 12 8l-3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/></svg></span>
<span class="btn-label">Start 7-Day Free Trial</span>
</a>
<a href="../../solutions/#compare" class="btn btn-secondary">Compare All Four Paths<span class="arrow" aria-hidden="true">→</span></a>
</div>
</aside>
<footer class="foot" data-reveal>
<div class="foot-brand">
<a href="../../" class="foot-mark" aria-label="Federated Computer, home">
<img src="../../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<p class="foot-line">The open-source operating system for your business — and the private AI that runs on it.</p>
<span class="foot-place">Colorado Springs, Colorado</span>
<ul class="foot-social">
<li><a href="https://www.linkedin.com/company/federated-computer" target="_blank" rel="noopener">LinkedIn<span class="arrow" aria-hidden="true">↗</span></a></li><li><a href="https://x.com/federatedcomp" target="_blank" rel="noopener">X<span class="arrow" aria-hidden="true">↗</span></a></li>
</ul>
</div>
<div class="foot-grid">
<nav class="foot-group" aria-label="Solutions">
<span class="foot-head">Solutions</span>
<ul class="foot-links">
<li><a href="../../solutions/open-source-apps/">Open-Source Apps</a></li>
<li><a href="../../solutions/apps-and-ai-development/">Apps &#43; AI Development</a></li>
<li><a href="../../solutions/ai-for-your-apps/">AI for Your Own Apps</a></li>
<li><a href="../../solutions/full-stack/">The Full Stack</a></li>
<li><a href="../../solutions/#compare">Compare All Four</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Product">
<span class="foot-head">Product</span>
<ul class="foot-links">
<li><a href="../../product/federated-core/">Federated Core</a></li>
<li><a href="../../product/software-library/">Software Library</a></li>
<li><a href="../../product/agent-sandbox/">Agent Sandbox</a></li>
<li><a href="../../product/data-controls/">Data &amp; Controls</a></li>
<li><a href="../../ai-privacy-advantage/">AI Privacy Advantage</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Company">
<span class="foot-head">Company</span>
<ul class="foot-links">
<li><a href="../../about/">About</a></li>
<li><a href="../../about/#team">Team</a></li>
<li><a href="../../about/#jobs">Jobs</a></li>
<li><a href="https://freescout.federated.computer/help/3593186542">Support</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Get Started">
<span class="foot-head">Get Started</span>
<ul class="foot-links">
<li><a href="../../start-now/">Start Now</a></li>
<li><a href="../../sign-in/">Sign In</a></li>
<li><a href="../../pricing/">Pricing</a></li>
</ul>
</nav>
</div>
<div class="foot-legal">
<span class="foot-copy">© 2026 Federated Computer, Inc. FedQ'd in Colorado Springs — built on Federated Computer by a team around the world.</span>
<a class="foot-policy" href="../../privacy-policy/">Privacy Policy</a><a class="foot-policy" href="../../terms-and-conditions/">Terms &amp; Conditions</a>
<a class="foot-top" href="#top">Back to top<span class="foot-up" aria-hidden="true">↑</span></a>
</div>
</footer>
</main>
</div>
<script>
(function () {
var root = document.documentElement;
if (!('IntersectionObserver' in window)) return;
root.classList.add('js');
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { e.target.classList.add('is-visible'); io.unobserve(e.target); }
});
}, { rootMargin: '0px 0px -8% 0px' });
document.querySelectorAll('[data-reveal]').forEach(function (el) { io.observe(el); });
var links = [].slice.call(document.querySelectorAll('.nav-here a'));
if (!links.length) return;
var targets = links.map(function (a) { return document.getElementById(decodeURIComponent(a.hash.slice(1))); });
var ticking = false;
function update() {
ticking = false;
var current = -1;
targets.forEach(function (t, i) { if (t && t.getBoundingClientRect().top < innerHeight * 0.3) current = i; });
links.forEach(function (a, i) {
if (i === current) a.setAttribute('aria-current', 'location'); else a.removeAttribute('aria-current');
});
}
addEventListener('scroll', function () { if (!ticking) { ticking = true; requestAnimationFrame(update); } }, { passive: true });
update();
})();
(function () {
function openPanel() {
var panel = location.hash && document.getElementById(decodeURIComponent(location.hash.slice(1)));
if (!panel || !panel.classList.contains('plan-panel')) return;
var i = [].indexOf.call(panel.parentNode.children, panel);
var radio = panel.closest('.plan-switch').querySelectorAll('.plan-radio')[i];
if (radio) { radio.checked = true; (panel.closest('.section') || panel).scrollIntoView(); }
}
addEventListener('hashchange', openPanel);
openPanel();
})();
</script>
</body>
</html>