comparar · Authentication
Both work with Next.js. In a kit you pick one, and your agent gets the rule to use only that one.
| Clerk | Supabase | |
|---|---|---|
| What it is | Managed auth with ready-made login components. | Auth and data clients for web and mobile JavaScript. |
| Frameworks | Next.js | React, Vue, Svelte, Solid, Vanilla, Next.js, Nuxt, SvelteKit, Astro, Angular, Expo, React Native |
| Paquetes | @clerk/nextjs | @supabase/supabase-js@^2.119.0 |
| Skill oficial | clerk/skills@clerk, clerk/skills@clerk-setup, clerk/skills@clerk-nextjs-patterns, clerk/skills@clerk-custom-ui, clerk/skills@clerk-orgs, clerk/skills@clerk-webhooks, clerk/skills@clerk-backend-api, clerk/skills@clerk-testing | — |
| How your agent uses it | Protect routes in `src/proxy.ts` with `clerkMiddleware` and read the user with `auth()` / `currentUser()` from `@clerk/nextjs/server`. Use its components (`<SignInButton>`, `<UserButton>`) instead of building login forms. | Create separate browser and server clients. Only the project URL and publishable/anon key may reach the browser; service-role keys stay on the server. Enforce database RLS and server authorization. |
| Kits that offer it | saas-ai-next, saas-next-better-auth, saas-next-supabase, saas-t3, web-next | chrome-extension, desktop-electron, desktop-tauri, mobile-expo, mobile-expo-supabase, mobile-ignite, mobile-ionic-react, saas-ai-next, saas-next-better-auth, saas-next-supabase, saas-nuxt, saas-sveltekit, saas-t3, saas-tanstack-start, spa-vite-react, web-angular, web-astro, web-next, web-nuxt, web-react-router, web-sveltekit, web-tanstack-start, web-vue-vite |
| Chosen in | 0 installs | 0 installs |