CTANode() — supabase Function Reference

Architecture documentation for the CTANode() function in ComingSoon.tsx from the supabase codebase.

Function tsx ContentManagement Migrations called by 1

Entity Profile

ContentManagement→ Migrations→ CTANode() — supabase Function Reference

Dependency Diagram

graph TD
  c1af387e_e4fa_16ed_79d8_44fe43460d28["CTANode()"]
  c85ff955_5294_6f67_8929_d387857005c3["ReplicationStaticMockup()"]
  c85ff955_5294_6f67_8929_d387857005c3 -->|calls| c1af387e_e4fa_16ed_79d8_44fe43460d28
  style c1af387e_e4fa_16ed_79d8_44fe43460d28 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/Database/Replication/ComingSoon.tsx lines 203–232

const CTANode = ({ projectRef }: { projectRef: string }) => {
  return (
    <Card className="w-[570px] p-6">
      <CardContent>
        <h2 className="text-lg mb-2">Stream database changes to external destinations</h2>
        <p className="text-foreground-light mb-2">
          Automatically replicate your data to external data warehouses and analytics platforms in
          real-time. No manual exports, no lag.
        </p>
        <p className="text-foreground-light">
          We are currently in <span className="text-foreground">private alpha</span> and slowly
          onboarding new customers to ensure stable data pipelines. Request access below to join the
          waitlist. Read replicas are available now.
        </p>
        <div className="flex items-center gap-x-2 mt-6">
          <Button asChild type="secondary" iconRight={<ArrowUpRight size={16} strokeWidth={1.5} />}>
            <Link href="https://forms.supabase.com/pg_replicate" target="_blank" rel="noreferrer">
              Request alpha access
            </Link>
          </Button>
          <Button asChild type="default" iconRight={<ArrowRight size={16} strokeWidth={1.5} />}>
            <Link href={`/project/${projectRef}/settings/infrastructure?createReplica=true`}>
              Create a read replica
            </Link>
          </Button>
        </div>
      </CardContent>
    </Card>
  )
}