Next.js Supabase V3 (#463)

Version 3 of the kit:
- Radix UI replaced with Base UI (using the Shadcn UI patterns)
- next-intl replaces react-i18next
- enhanceAction deprecated; usage moved to next-safe-action
- main layout now wrapped with [locale] path segment
- Teams only mode
- Layout updates
- Zod v4
- Next.js 16.2
- Typescript 6
- All other dependencies updated
- Removed deprecated Edge CSRF
- Dynamic Github Action runner
This commit is contained in:
Giancarlo Buomprisco
2026-03-24 13:40:38 +08:00
committed by GitHub
parent 4912e402a3
commit 7ebff31475
840 changed files with 71395 additions and 20095 deletions

View File

@@ -0,0 +1,31 @@
'use client';
import { CreateTeamAccountForm } from '@kit/team-accounts/components';
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from '@kit/ui/card';
import { Trans } from '@kit/ui/trans';
export function CreateFirstTeamForm() {
return (
<Card>
<CardHeader>
<CardTitle>
<Trans i18nKey={'teams.createFirstTeamHeading'} />
</CardTitle>
<CardDescription>
<Trans i18nKey={'teams.createFirstTeamDescription'} />
</CardDescription>
</CardHeader>
<CardContent>
<CreateTeamAccountForm submitLabel={'teams.getStarted'} />
</CardContent>
</Card>
);
}

View File

@@ -0,0 +1,52 @@
import { redirect } from 'next/navigation';
import { createAccountsApi } from '@kit/accounts/api';
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { AppLogo } from '~/components/app-logo';
import featuresFlagConfig from '~/config/feature-flags.config';
import pathsConfig from '~/config/paths.config';
import { requireUserInServerComponent } from '~/lib/server/require-user-in-server-component';
import { CreateFirstTeamForm } from './_components/create-first-team-form';
async function CreateTeamPage() {
const data = await loadData();
if (data.redirectTo) {
redirect(data.redirectTo);
}
return (
<div className="flex min-h-screen flex-col items-center justify-center gap-y-8">
<AppLogo />
<CreateFirstTeamForm />
</div>
);
}
export default CreateTeamPage;
async function loadData() {
await requireUserInServerComponent();
if (!featuresFlagConfig.enableTeamsOnly) {
return { redirectTo: pathsConfig.app.home };
}
const client = getSupabaseServerClient();
const api = createAccountsApi(client);
const accounts = await api.loadUserAccounts();
if (accounts.length > 0 && accounts[0]?.value) {
return {
redirectTo: pathsConfig.app.accountHome.replace(
'[account]',
accounts[0].value,
),
};
}
return { redirectTo: null };
}