mirror of
https://github.com/supabase/supabase.git
synced 2026-09-09 03:19:36 +08:00
Our UI Library registry is expanding to include blocks that go beyond UI and in some cases focus purely on back-end. This PR is a precursor to adding more back-end related blocks. This PR includes the `ui-library -> library` rename plus redirects and small UI copy updates. Since this is a rename we'll need to update Vercel configuration. ## Vercel rollout Keep the Library project Root Directory as `apps/ui-library` 1. In the **Library** Vercel project, set: `NEXT_PUBLIC_BASE_PATH=/library` Apply it to Preview and Production, then redeploy the Library project. 2. In the **www** Vercel project, add: `NEXT_PUBLIC_LIBRARY_URL=<current value of NEXT_PUBLIC_UI_LIBRARY_URL>` Apply it to Preview and Production. Keep `NEXT_PUBLIC_UI_LIBRARY_URL` during the migration, then redeploy the www project. 3. Deploy in this order: 1. Library project 2. www project 4. Validate: - `/library` - `/library/docs/nextjs/password-based-auth` - `/ui` redirects to `/library` - `/ui/docs/nextjs/password-based-auth` redirects to `/library/docs/nextjs/password-based-auth` - `/ui/docs/ai-editors-rules/*` still uses its existing Docs redirects No Vercel dashboard redirect rules are needed. Environment-variable changes require a new deployment. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Supabase UI Library has been renamed to **Supabase Library** across navigation, pages, documentation, and resource links. * The Library is now available at `/library`, with updated descriptions covering components, blocks, and developer tools. * **Bug Fixes** * Added permanent redirects from legacy `/ui` URLs to corresponding `/library` paths. * Updated links throughout the site and documentation to prevent broken navigation and references. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
31 lines
1.2 KiB
TypeScript
31 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're excited to support TanStack Start in Supabase Library! But since it's
|
|
still in beta, things may change quickly — expect breaking changes and some rough edges.
|
|
We'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>
|
|
)
|
|
}
|