@supabase/auth-helpers (BETA)

A collection of framework specific Auth utilities for working with Supabase.

SSR

We generally recommend using the new @supabase/ssr package instead of auth-helpers. @supabase/ssr takes the core concepts of the Auth Helpers package and makes them available to any server framework. You can read more about ssr in our documentation.

Supported Frameworks

• Next.js [Documentation]
• Nuxt - via @nuxtjs/supabase
• SvelteKit [Documentation]
• Remix [Documentation]

Examples and Packages

• Examples
  • @examples/nextjs: a Next.js app using App Router
  • @examples/nextjs-pages: a Next.js app using Pages Router
  • @examples/sveltekit: a SvelteKit app
  • @examples/sveltekit-email-password: a SvelteKit app with SSR sign in
  • @examples/sveltekit-magic-link: a SvelteKit app with magic links
  • @examples/remix: a Remix app
• Packages
  • @supabase/auth-helpers-nextjs: the supabase auth helper nextjs library used by nextjs application
  • @supabase/auth-helpers-react: the supabase auth helper reactjs library used by react application
  • @supabase/auth-helpers-sveltekit: the supabase auth helper sveltekit library used by sveltekit application
  • @supabase/auth-helpers-remix: the supabase auth helper remix library used by remix application
  • shared: shared typescript types used by @supabase/auth-helpers-nextjs library
  • config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
  • tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Development & Contributing

Read the development.md guide for more information on local setup, testing, and preparing a release.

Using a @supabase/auth-helpers-[framework-name] naming convention for packages