Social Auth flow for Nextjs and Supabase

Install it

Source

1import { LoginForm } from '@/registry/default/blocks/social-auth-nextjs/components/login-form'
2 
3export default function Page() {
4  return (
5    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
6      <div className="w-full max-w-sm">
7        <LoginForm />
8      </div>
9    </div>
10  )
11}

What it pulls in

npm packages

• @supabase/ssr@latest
• @supabase/supabase-js@latest

Other registry items

• button
• card

Files it writes

• registry/default/blocks/social-auth-nextjs/app/auth/login/page.tsx
• registry/default/blocks/social-auth-nextjs/app/auth/error/page.tsx
• registry/default/blocks/social-auth-nextjs/app/protected/page.tsx
• registry/default/blocks/social-auth-nextjs/app/auth/oauth/route.ts
• registry/default/blocks/social-auth-nextjs/components/login-form.tsx
• registry/default/blocks/social-auth-nextjs/middleware.ts
• registry/default/blocks/social-auth-nextjs/components/logout-button.tsx
• registry/default/clients/nextjs/lib/supabase/client.ts
• registry/default/clients/nextjs/lib/supabase/middleware.ts
• registry/default/clients/nextjs/lib/supabase/server.ts