Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mryechkin/nextjs-supabase-auth

Sample project for setting up Supabase Auth in Next.js
https://github.com/mryechkin/nextjs-supabase-auth

auth next pkce pkce-authentication pkce-flow supabase supabase-auth supabase-js

Last synced: 8 days ago
JSON representation

Sample project for setting up Supabase Auth in Next.js

Awesome Lists containing this project

README

        


Next.js + Supabase Auth



Next.js


Supabase


Supabase


License


Banner image

## Overview

Sample project showing how to add authentication to [Next.js](https://nextjs.org/) 13+ using [Supabase](https://www.supabase.io/) [Auth](https://supabase.com/docs/guides/auth) and the [App Router](https://nextjs.org/docs/app) with React Server Components.

This project is a supplement to [this guide](https://misha.wtf/blog/supabase-auth-next-13-pkce). See the link for a detailed tutorial.

> **Note**
> The `main` branch is using the latest version of [Auth Helpers](https://supabase.com/docs/guides/auth/auth-helpers/nextjs) with the [Proof Key for Code Exchange](https://supabase.com/blog/supabase-auth-sso-pkce#introducing-pkce) (PKCE) flow. If you are looking for the older version (using Auth Helpers `0.6.1` or earlier) see the [`v2`](https://github.com/mryechkin/nextjs-supabase-auth/tree/v2) branch.

## Disclaimer

This repo is meant to be an **example** only. Please feel free to fork it and make it your own.

## Author

[Mykhaylo Ryechkin](https://github.com/mryechkin)

## License

[MIT](https://choosealicense.com/licenses/mit/)