> ## Documentation Index
> Fetch the complete documentation index at: https://upstash-docs-landing-rework.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Get Started

> Serverless data and messaging for developers — Redis, Vector, QStash, Workflow, Search, and Box, with SDKs, integrations, and a full-featured console.

export const Migrate = ({product, cols = 3}) => {
  const sources = [{
    name: "Redis Cloud",
    product: "redis"
  }, {
    name: "AWS ElastiCache",
    product: "redis"
  }, {
    name: "Amazon DynamoDB",
    product: "redis"
  }, {
    name: "GCP Memorystore",
    product: "redis"
  }, {
    name: "Azure Cache for Redis",
    product: "redis"
  }, {
    name: "Self-hosted Redis",
    product: "redis"
  }];
  const items = sources.filter(s => !product || s.product === product);
  return <div className="u-grid u-grid--fixed3">
      {items.map(s => <div key={s.name} className="u-card u-card--static">
          <div className="u-card__icon u-card__icon--muted">⇄</div>
          <div className="u-card__body">
            <div className="u-card__title">{s.name}</div>
            <div className="u-card__desc">Guide coming soon</div>
          </div>
        </div>)}
    </div>;
};

export const Community = () => <div className="u-grid u-grid--2">
    <a className="u-card" href="https://x.com/upstash">
      <div className="u-card__body">
        <div className="u-card__title">X / Twitter</div>
        <div className="u-card__desc">Latest news and product updates.</div>
      </div>
    </a>
    <a className="u-card" href="https://upstash.com/discord">
      <div className="u-card__body">
        <div className="u-card__title">Discord</div>
        <div className="u-card__desc">
          Ask the team and other developers your questions.
        </div>
      </div>
    </a>
  </div>;

export const Concepts = () => {
  const items = [{
    name: "Serverless",
    desc: "No infrastructure to provision — just create and use.",
    href: "/common/concepts/serverless",
    glyph: "☁"
  }, {
    name: "Scale to Zero",
    desc: "Pay only for what you use, nothing for idle resources.",
    href: "/common/concepts/scale-to-zero",
    glyph: "↕"
  }, {
    name: "Global Replication",
    desc: "Low latency worldwide with multi-region replication.",
    href: "/common/concepts/global-replication",
    glyph: "◎"
  }, {
    name: "Access Anywhere",
    desc: "REST APIs for edge and serverless runtimes.",
    href: "/common/concepts/access-anywhere",
    glyph: "⇆"
  }];
  return <div className="u-grid u-grid--fixed2">
      {items.map(it => <a key={it.href} href={it.href} className="u-card">
          <div className="u-card__icon u-card__icon--muted">{it.glyph}</div>
          <div className="u-card__body">
            <div className="u-card__title">{it.name}</div>
            <div className="u-card__desc">{it.desc}</div>
          </div>
        </a>)}
    </div>;
};

export const AgentResources = () => {
  const items = [{
    name: "MCP Server",
    desc: "Manage Upstash from AI agents over MCP.",
    href: "/agent-resources/mcp",
    glyph: "⌘"
  }, {
    name: "Skills",
    desc: "Ready-made skills for coding agents.",
    href: "/agent-resources/skills",
    glyph: "✦"
  }, {
    name: "CLI",
    desc: "Manage Upstash from your terminal.",
    href: "/agent-resources/cli",
    glyph: "›"
  }, {
    name: "Context7",
    desc: "Up-to-date code docs for LLMs and agents.",
    href: "https://context7.com",
    icon: "/img/icons/context7.svg"
  }];
  return <div className="u-grid u-grid--fixed2">
      {items.map(it => <a key={it.href} href={it.href} className="u-card">
          {it.icon ? <img className="u-card__icon" src={it.icon} alt="" /> : <div className="u-card__icon u-card__icon--muted">{it.glyph}</div>}
          <div className="u-card__body">
            <div className="u-card__title">{it.name}</div>
            <div className="u-card__desc">{it.desc}</div>
          </div>
        </a>)}
    </div>;
};

export const ProductGrid = () => {
  const products = [{
    name: "Redis",
    desc: "Serverless Redis with per-request pricing.",
    href: "/redis/overall/getstarted",
    icon: "redis"
  }, {
    name: "Vector",
    desc: "Vector database for AI and LLM apps.",
    href: "/vector/overall/getstarted",
    icon: "vector"
  }, {
    name: "QStash",
    desc: "Message queue and scheduler over HTTP.",
    href: "/qstash/overall/getstarted",
    icon: "qstash"
  }, {
    name: "Workflow",
    desc: "Durable serverless functions.",
    href: "/workflow/getstarted",
    icon: "workflow"
  }, {
    name: "Search",
    desc: "Full-text and semantic search.",
    href: "/search/overall/getstarted",
    icon: "search"
  }, {
    name: "Box",
    desc: "Secure sandboxes for AI agents and code.",
    href: "/box/overall/quickstart",
    icon: "box"
  }];
  return <div className="u-grid u-grid--fixed3">
      {products.map(p => <a key={p.href} href={p.href} className="u-card u-product">
          <img className="u-card__icon" src={`/img/icons/${p.icon}.svg`} alt="" />
          <div className="u-card__body">
            <div className="u-card__title">{p.name}</div>
            <div className="u-card__desc">{p.desc}</div>
          </div>
        </a>)}
    </div>;
};

export const SectionHead = ({eyebrow, title, sub}) => <div className="u-section">
    {eyebrow ? <div className="u-eyebrow">{eyebrow}</div> : null}
    <h2>{title}</h2>
    {sub ? <p className="u-sub">{sub}</p> : null}
  </div>;

export const Hero = () => <div className="u-hero">
    <h1>Build with Upstash</h1>
    <p>
      Serverless data and messaging — Redis, Vector, QStash, Workflow, Search,
      and Box. Scale to zero, pay per request.
    </p>
    <div className="u-cta">
      <a className="u-btn u-btn--primary" href="/redis/overall/getstarted">
        Get started
      </a>
      <a className="u-btn u-btn--ghost" href="#products">
        Browse products
      </a>
    </div>
  </div>;

<Hero />

<div className="u-wrap">
  <div id="products" />

  <SectionHead eyebrow="Products" title="Pick a product and start building" />

  <ProductGrid />

  <SectionHead eyebrow="Agent Resources" title="Build with AI agents" sub="Tools to manage and build on Upstash from coding agents and LLMs." />

  <AgentResources />

  <SectionHead eyebrow="Concepts" title="How Upstash works" />

  <Concepts />

  <SectionHead eyebrow="Migrate" title="Migrate to Upstash" sub="Moving from another provider? Migration guides are on the way." />

  <Migrate />

  <SectionHead eyebrow="Community" title="Get in touch" />

  <Community />
</div>