Files
supabase/apps/learn/components/tanstack-beta.tsx
Terry Sutton dda0b526ac Feat/learn (#41566)
wip

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

# Release Notes

* **New Features**
* Added a new Learn application offering foundational Supabase courses
with interactive documentation
* Courses include Architecture, Authentication, Data Fundamentals,
Security, Storage, Realtime, and Edge Functions
  * Chapter tracking and progress indicators for course completions
  * Responsive sidebar navigation with search/command menu
  * Theme switching support (light, dark, classic dark modes)
  * Mobile-friendly course interface

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Alan Daniel <stylesshjs@gmail.com>
Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-04 21:36:24 -03:30

30 lines
1.2 KiB
TypeScript

import { TriangleAlert } from 'lucide-react'
import { Callout } from './callout'
export default function TanStackBeta() {
return (
<div className="mt-4">
<Callout>
<div className="grid gap-2">
<div className="flex items-center gap-2 font-medium">
<TriangleAlert />
Heads up: TanStack Start is in beta.
</div>
We&apos;re excited to support TanStack Start in our UI library! But since it&apos;s still
in beta, things may change quickly expect breaking changes and some rough edges.
We&apos;ll do our best to keep up and make integration with Supabase as smooth as
possible. If you run into issues, have a look at the TanStack docs.
<a
href="https://tanstack.com/start/latest/docs/framework/react/quick-start"
target="_blank"
rel="noopener noreferrer"
className="text-foreground underline decoration-1 decoration-foreground-muted underline-offset-4 transition-colors hover:decoration-brand hover:decoration-2"
>
TanStack Quickstart guide
</a>
</div>
</Callout>
</div>
)
}