Password Based Auth flow for tanstack and Supabase

supabase-library/password-based-auth-tanstack

FreeBlock

Install it

npx shadcn@latest add https://raw.githubusercontent.com/supabase/supabase/master/apps/ui-library/public/r/password-based-auth-tanstack.json

Source

registry/default/blocks/password-based-auth-tanstack/routes/login.tsxraw.githubusercontent.com/supabase/supabase/master/apps/ui-library/public/r/password-based-auth-tanstack.json

1import { createFileRoute } from '@tanstack/react-router'
2 
3import { LoginForm } from '@/registry/default/blocks/password-based-auth-tanstack/components/login-form'
4 
5export const Route = createFileRoute('/login')({
6  component: Login,
7})
8 
9function Login() {
10  return (
11    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
12      <div className="w-full max-w-sm">
13        <LoginForm />
14      </div>
15    </div>
16  )
17}

What it pulls in

npm packages

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

Other registry items

button
card
input
label

Files it writes

registry/default/blocks/password-based-auth-tanstack/routes/login.tsx
registry/default/blocks/password-based-auth-tanstack/routes/auth/error.tsx
registry/default/blocks/password-based-auth-tanstack/routes/_protected.tsx
registry/default/blocks/password-based-auth-tanstack/routes/_protected/protected.tsx
registry/default/blocks/password-based-auth-tanstack/routes/auth/confirm.ts
registry/default/blocks/password-based-auth-tanstack/components/login-form.tsx
registry/default/blocks/password-based-auth-tanstack/routes/sign-up.tsx
registry/default/blocks/password-based-auth-tanstack/routes/sign-up-success.tsx
registry/default/blocks/password-based-auth-tanstack/components/sign-up-form.tsx
registry/default/blocks/password-based-auth-tanstack/routes/forgot-password.tsx
registry/default/blocks/password-based-auth-tanstack/routes/update-password.tsx
registry/default/blocks/password-based-auth-tanstack/components/forgot-password-form.tsx
registry/default/blocks/password-based-auth-tanstack/components/update-password-form.tsx
registry/default/blocks/password-based-auth-tanstack/lib/supabase/fetch-user-server-fn.ts
registry/default/clients/tanstack/lib/supabase/client.ts
registry/default/clients/tanstack/lib/supabase/server.ts

More from Supabase Library

All 60 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Current User Avatarcurrent-user-avatar-nuxtjs	Supabase Library	Blocks	Free	1 dep · 3 files
Current User Avatarcurrent-user-avatar-vue	Supabase Library	Blocks	Free	1 dep · 3 files
Dropzone (File Upload) for Nuxt and Supabasedropzone-nuxtjs	Supabase Library	Blocks	Free	3 deps · 4 files
Dropzone (File Upload) for Vue and Supabasedropzone-vue	Supabase Library	Blocks	Free	3 deps · 4 files
Infinite Query Hookinfinite-query-hook	Supabase Library	Blocks	Free	2 deps
Password Based Auth flow for Nextjs and Supabasepassword-based-auth-nextjs	Supabase Library	Blocks	Free	2 deps · 17 files
Password Based Auth flow for Nuxt.js and Supabasepassword-based-auth-nuxtjs	Supabase Library	Blocks	Free	2 deps · 12 files
Password Based Auth flow for React and Supabasepassword-based-auth-react	Supabase Library	Blocks	Free	1 dep · 5 files