> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jtbdos.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> What is JTBDOS and how do I get started?

JTBDOS is a production-grade [Turborepo](https://turbo.build/repo) template for [Next.js](https://nextjs.org/) apps. It is designed to be a comprehensive starting point for new apps, providing a solid, opinionated foundation with a minimal amount of configuration.

It is based on the excellent work of the [Next-forge](https://next-forge.com) team.

# JTBDOS Services

*Last Updated: 04/04/25*

Below is a curated list of services that can help you build and scale your product under JTBDOS. Services are grouped into:

1. **Proof of Concept (POC)** – critical services for getting up and running quickly.
2. **Initial Alpha Launch** – for enhanced robustness and user experience.
3. **Optional** – specialized services depending on your product's needs.

***

## Proof of Concept (POC)

<CardGroup cols={2}>
  <Card title="Linear" icon="diagram-project">
    <img src="https://cdn.brandfetch.io/linear.app/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Linear logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Project management</p>
    <p><strong>URL:</strong> <a href="https://linear.app">linear.app</a></p>
    <p><strong>Why It's Interesting:</strong> A streamlined tool for issue tracking and task management.\
    Perfect for agile teams needing a lightweight yet powerful solution.\
    <em>No portco account needed initially.</em></p>
  </Card>

  <Card title="GitHub" icon="code-branch">
    <img src="https://cdn.brandfetch.io/github.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="GitHub logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Code repository & version control</p>
    <p><strong>URL:</strong> <a href="https://github.com">github.com</a></p>
    <p><strong>Why It's Interesting:</strong> Industry-standard for hosting and collaborating on code,\
    with robust versioning and open-source workflows.</p>
  </Card>

  <Card title="OpenAI" icon="brain">
    <img src="https://cdn.brandfetch.io/openai.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="OpenAI logo" width="48" height="48" />

    <p><strong>Purpose:</strong> AI services (language models, embeddings, etc.)</p>
    <p><strong>URL:</strong> <a href="https://openai.com">openai.com</a></p>
    <p><strong>Why It's Interesting:</strong> Offers state-of-the-art language generation and analytics,\
    perfect for chatbots, data insights, or creative content.</p>
  </Card>

  <Card title="Clerk" icon="lock">
    <img src="https://cdn.brandfetch.io/clerk.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Clerk logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Authentication & user management</p>
    <p><strong>URL:</strong> <a href="https://clerk.com">clerk.com</a></p>
    <p><strong>Why It's Interesting:</strong> Secure and customizable login flows with multi-factor\
    authentication and user management. Essential for user security.</p>
  </Card>

  <Card title="Cursor" icon="terminal">
    <img src="https://cdn.brandfetch.io/cursor.so/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Cursor logo" width="48" height="48" />

    <p><strong>Purpose:</strong> AI developer tool</p>
    <p><strong>URL:</strong> <a href="https://cursor.so">cursor.so</a></p>
    <p><strong>Why It's Interesting:</strong> Automates code generation and refactoring,\
    speeding up development cycles with AI-driven assistance.</p>
  </Card>

  <Card title="Neon" icon="database">
    <img src="https://cdn.brandfetch.io/neon.tech/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Neon logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Database (PostgreSQL)</p>
    <p><strong>URL:</strong> <a href="https://neon.tech">neon.tech</a></p>
    <p><strong>Why It's Interesting:</strong> Modern, serverless PostgreSQL with minimal DevOps overhead,\
    perfect for early-stage data needs.</p>
  </Card>

  <Card title="Drizzle" icon="water">
    <img src="https://cdn.brandfetch.io/drizzle.team/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Drizzle logo" width="48" height="48" />

    <p><strong>Purpose:</strong> ORM (Object-Relational Mapping)</p>
    <p><strong>URL:</strong> <a href="https://github.com/drizzle-team/drizzle-orm">Drizzle on GitHub</a></p>
    <p><strong>Why It's Interesting:</strong> Lightweight and intuitive ORM that makes data handling\
    more maintainable. <em>No separate account needed.</em></p>
  </Card>

  <Card title="Shad/cn" icon="palette">
    <img src="https://cdn.brandfetch.io/shadcn.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="shadcn logo" width="48" height="48" />

    <p><strong>Purpose:</strong> UI library</p>
    <p><strong>URL:</strong> <a href="https://ui.shadcn.com">ui.shadcn.com</a></p>
    <p><strong>Why It's Interesting:</strong> Provides accessible, composable UI components for\
    faster frontend development. <em>No separate account needed.</em></p>
  </Card>

  <Card title="Vercel" icon="server">
    <img src="https://cdn.brandfetch.io/vercel.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Vercel logo" width="48" height="48" />

    <p><strong>Purpose:</strong> DevOps, compute, hosting</p>
    <p><strong>URL:</strong> <a href="https://vercel.com">vercel.com</a></p>
    <p><strong>Why It's Interesting:</strong> Fast deployments, serverless functions,\
    and edge caching — perfect for iterating quickly.</p>
  </Card>

  <Card title="v0" icon="pen-ruler">
    <img src="https://cdn.brandfetch.io/v0.dev/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="v0.dev logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Prototyping</p>
    <p><strong>URL:</strong> <a href="https://v0.dev">v0.dev</a></p>
    <p><strong>Why It's Interesting:</strong> Quickly build interactive prototypes to gather\
    feedback early and often.</p>
  </Card>
</CardGroup>

***

## Initial Alpha Launch

<CardGroup cols={2}>
  <Card title="PostHog" icon="chart-line">
    <img src="https://cdn.brandfetch.io/posthog.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="PostHog logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Monitoring & user analytics</p>
    <p><strong>URL:</strong> <a href="https://posthog.com">posthog.com</a></p>
    <p><strong>Why It's Interesting:</strong> Gain insights into user behavior and\
    engagement with a privacy-focused approach.</p>
  </Card>

  <Card title="Sentry" icon="bug">
    <img src="https://cdn.brandfetch.io/sentry.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Sentry logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Error tracking & performance monitoring</p>
    <p><strong>URL:</strong> <a href="https://sentry.io">sentry.io</a></p>
    <p><strong>Why It's Interesting:</strong> Captures errors and performance bottlenecks\
    in real-time, allowing you to fix issues before they affect users.</p>
  </Card>

  <Card title="Stripe" icon="credit-card">
    <img src="https://cdn.brandfetch.io/stripe.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Stripe logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Payments</p>
    <p><strong>URL:</strong> <a href="https://stripe.com">stripe.com</a></p>
    <p><strong>Why It's Interesting:</strong> Industry-leading payment processor\
    with easy integration for web and mobile.\
    <em>Likely to swap to Clerk billing when available.</em></p>
  </Card>

  <Card title="Arcjet" icon="shield">
    <img src="https://cdn.brandfetch.io/arcjet.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Arcjet logo" width="48" height="48" />

    <p><strong>Purpose:</strong> App security</p>
    <p><strong>URL:</strong> <a href="https://arcjet.io">arcjet.io</a></p>
    <p><strong>Why It's Interesting:</strong> Ensures your application meets security\
    standards and protects user data at scale.</p>
  </Card>
</CardGroup>

***

## Optional Services

<CardGroup cols={2}>
  <Card title="BaseHub" icon="file-code">
    <img src="https://cdn.brandfetch.io/basehub.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="BaseHub logo" width="48" height="48" />

    <p><strong>Purpose:</strong> CMS (Content Management System)</p>
    <p><strong>Why It's Interesting:</strong> Simplifies creating/updating website or in-app content.\
    Great for marketing sites, blogs, or dynamic content sections.</p>
  </Card>

  <Card title="LiveBlocks" icon="users">
    <img src="https://cdn.brandfetch.io/liveblocks.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Liveblocks logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Collaboration (real-time presence, cursors, etc.)</p>
    <p><strong>URL:</strong> <a href="https://liveblocks.io">liveblocks.io</a></p>
    <p><strong>Why It's Interesting:</strong> Enables multi-user collaboration (like real-time doc editing)\
    with minimal setup.</p>
  </Card>

  <Card title="Resend" icon="envelope">
    <img src="https://cdn.brandfetch.io/resend.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Resend logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Email sending</p>
    <p><strong>URL:</strong> <a href="https://resend.com">resend.com</a></p>
    <p><strong>Why It's Interesting:</strong> Helps send transactional or marketing emails easily.\
    <em>Free tier up to 3,000 emails per month.</em></p>
  </Card>

  <Card title="Knock" icon="bell">
    <img src="https://cdn.brandfetch.io/knock.app/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Knock logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Notifications</p>
    <p><strong>URL:</strong> <a href="https://knock.app">knock.app</a></p>
    <p><strong>Why It's Interesting:</strong> Centralizes notification logic,\
    allowing for multi-channel messages with user preferences.</p>
  </Card>

  <Card title="Inngest" icon="cogs">
    <img src="https://cdn.brandfetch.io/inngest.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Inngest logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Orchestration & background jobs</p>
    <p><strong>URL:</strong> <a href="https://inngest.com">inngest.com</a></p>
    <p><strong>Why It's Interesting:</strong> Automates workflows, ensuring\
    high-performance for background tasks.</p>
  </Card>

  <Card title="Railway" icon="train">
    <img src="https://cdn.brandfetch.io/railway.app/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Railway logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Long-running compute</p>
    <p><strong>URL:</strong> <a href="https://railway.app">railway.app</a></p>
    <p><strong>Why It's Interesting:</strong> Run containers, databases, or microservices that\
    don't fit serverless models. <em>Will swap to Vercel Runs when available.</em></p>
  </Card>

  <Card title="Xbow" icon="shield-alt">
    <img src="https://cdn.brandfetch.io/xbow.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Xbow logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Security testing</p>
    <p><strong>Why It's Interesting:</strong> Identifies vulnerabilities and compliance\
    issues early, providing peace of mind.</p>
  </Card>

  <Card title="Meticulous.ai" icon="microscope">
    <img src="https://cdn.brandfetch.io/meticulous.ai/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Meticulous.ai logo" width="48" height="48" />

    <p><strong>Purpose:</strong> AI-driven application testing</p>
    <p><strong>URL:</strong> <a href="https://meticulous.ai">meticulous.ai</a></p>
    <p><strong>Why It's Interesting:</strong> Automates regression tests, reducing manual QA overhead.</p>
  </Card>

  <Card title="Hookdeck" icon="link">
    <img src="https://cdn.brandfetch.io/hookdeck.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Hookdeck logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Webhook management</p>
    <p><strong>URL:</strong> <a href="https://hookdeck.io">hookdeck.io</a></p>
    <p><strong>Why It's Interesting:</strong> Reliable and scalable infrastructure\
    for event-driven apps.</p>
  </Card>

  <Card title="LiveKit" icon="video">
    <img src="https://cdn.brandfetch.io/livekit.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="LiveKit logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Real-time video conferencing</p>
    <p><strong>URL:</strong> <a href="https://livekit.io">livekit.io</a></p>
    <p><strong>Why It's Interesting:</strong> Low-latency audio/video chat with\
    customizable UI capabilities.</p>
  </Card>

  <Card title="n8n" icon="robot">
    <img src="https://cdn.brandfetch.io/n8n.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="n8n logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Workflow automation / agents</p>
    <p><strong>URL:</strong> <a href="https://n8n.io">n8n.io</a></p>
    <p><strong>Why It's Interesting:</strong> Visually connects APIs and automates\
    tasks without extensive code.</p>
  </Card>

  <Card title="airbyte" icon="exchange-alt">
    <img src="https://cdn.brandfetch.io/airbyte.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Airbyte logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Data access connectors</p>
    <p><strong>URL:</strong> <a href="https://airbyte.com">airbyte.com</a></p>
    <p><strong>Why It's Interesting:</strong> Moves data between various systems\
    for better integration and analytics.</p>
  </Card>

  <Card title="Pipedream" icon="stream">
    <img src="https://cdn.brandfetch.io/pipedream.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Pipedream logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Event connectors & serverless workflows</p>
    <p><strong>URL:</strong> <a href="https://pipedream.com">pipedream.com</a></p>
    <p><strong>Why It's Interesting:</strong> Automates tasks by chaining APIs,\
    events, and custom scripts in a visual editor.</p>
  </Card>

  <Card title="mux.com" icon="film">
    <img src="https://cdn.brandfetch.io/mux.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Mux logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Video hosting & analytics</p>
    <p><strong>URL:</strong> <a href="https://mux.com">mux.com</a></p>
    <p><strong>Why It's Interesting:</strong> Reliable video infrastructure and\
    analytics for streaming or on-demand media.</p>
  </Card>

  <Card title="Marker.io" icon="comment-alt">
    <img src="https://cdn.brandfetch.io/marker.io/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Marker.io logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Web feedback & reporting</p>
    <p><strong>URL:</strong> <a href="https://marker.io">marker.io</a></p>
    <p><strong>Why It's Interesting:</strong> Capture user screenshots\
    and bug reports directly on your web pages.</p>
  </Card>

  <Card title="Tiny Bird" icon="chart-bar">
    <img src="https://cdn.brandfetch.io/tinybird.co/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Tinybird logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Streaming analytics</p>
    <p><strong>URL:</strong> <a href="https://tinybird.co">tinybird.co</a></p>
    <p><strong>Why It's Interesting:</strong> Provides real-time analytics\
    for large volumes of data, ideal for live dashboards.</p>
  </Card>

  <Card title="Mother Deck" icon="warehouse">
    <img src="https://cdn.brandfetch.io/motherduck.com/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Motherduck logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Data warehouse</p>
    <p><strong>Why It's Interesting:</strong> Streamlines data modeling and queries\
    for advanced analytics and large-scale data.</p>
  </Card>

  <Card title="Google AI" icon="robot">
    <img src="https://cdn.brandfetch.io/ai.google/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="Google AI logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Video analytics & other AI services</p>
    <p><strong>URL:</strong> <a href="https://ai.google">ai.google</a></p>
    <p><strong>Why It's Interesting:</strong> Robust ML/AI tools, especially\
    useful for video/image analysis with Google Cloud integrations.</p>
  </Card>

  <Card title="React Native" icon="mobile-alt">
    <img src="https://cdn.brandfetch.io/reactnative.dev/w/400/h/400?c=1iddBIirL-fBRgxR0oX" alt="React Native logo" width="48" height="48" />

    <p><strong>Purpose:</strong> Cross-platform mobile app development</p>
    <p><strong>URL:</strong> <a href="https://reactnative.dev">reactnative.dev</a></p>
    <p><strong>Why It's Interesting:</strong> Create iOS and Android apps using React,\
    sharing code with your web stack for faster development.</p>
  </Card>
</CardGroup>

***

## Quick Start

<Card title="Prerequisites" icon="layer-group" horizontal href="/setup/prerequisites">
  Get your development environment ready for JTBDOS.
</Card>

<Card title="Installation" icon="terminal" horizontal href="/setup/installation">
  Create a new JTBDOS project.
</Card>

<Card title="Recipes" icon="book" horizontal href="/recipes">
  Let's build something awesome together!
</Card>
