auth-ui
rfcs
auth-ui | rfcs | |
---|---|---|
2 | 7 | |
452 | 234 | |
3.8% | - | |
7.5 | 0.0 | |
11 days ago | over 1 year ago | |
TypeScript | ||
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
auth-ui
-
Supabase – General Availability Week
Supabase is great - I use them now and they and would be my choice for a new project today - but I have to say I am not a huge fan of how they communicated the whole auth-helpers and ssr situation, and I am not the only one with this comment by a long shot. This is, I think, a part of wider issues with their documentation; it seems like whoever's doing documentation at Supabase is intelligent but stretched thin. Particularly for Sveltekit, the documentation and examples are incomplete, there isn't any guide to migration or how to modify your code, and if you Google things or follow any links or examples you quickly end up in a web of deprecated repositories where it's unclear what to do next or replace them with. One example: https://github.com/supabase-community/auth-ui
If you produce a product for developers, you really need to have 1) quality, readable documentation with an introduction that noobs and pros alike can follow, 2) multiple complete, cloneable examples on how to integrate and use your product in several different libraries, 3) obvious migration guides and timelines whenever you deprecate something. Supabase lacks all three, which is extremely frustrating and means there's always a giant caveat when I recommend them. They're still the best, it's a very powerful and impressive product, and the possibility of self-hosting is amazing.
-
Authentication in Next.js with Supabase and Next 13
The Auth component itself now has a new name "Auth UI", and lives in its own separate repo. Though originally intending to use it, as I began migrating the code I've found this new component to not work quite as well as I'd hoped, getting in the way more than helping. For that reason, I've decided to abandon it in this guide, and build one instead.
rfcs
-
Easy React data fetching with the new `use()` hook
React.use() is still an unstable API. For more information check out the support for promises React RFC . At the time of writing this, you can only test this API in Next.js 13.
-
Authentication in Next.js with Supabase and Next 13
You see, root-level await is not supported in client-side components, and so we can't "suspend" our Home page until the session data is available like we do with Profile. React team is working on an RFC and a new use hook that will allow us to conditionally wait for data to load, but it's not quite ready yet. Its use (pardon the pun) is also not recommended by Next itself, as it may cause multiple re-renders in Client Components. Considering all that, we'll need to find an alternative way.
-
React use() hook explained in 2 minutes
I think it's better explained in the RFC: https://github.com/acdlite/rfcs/blob/first-class-promises/text/0000-first-class-support-for-promises.md
-
Next.js 13 - What are the new features?
Below is an example taken from here showing how to fetch data with async/await in Server Components.
-
What's New in Next.js 13
Being able to utilize async/await in Server Components is great and is part of React's RFC to add first-class support for Promises. It allows us to do what we just did in app/dashboard/page.tsx:
-
React Just Got Even More Awesome
More info here
- React RFC: First Class Support for Promises
What are some alternatives?
nextjs-supabase-auth - Sample project for setting up Supabase Auth in Next.js
tailwindcss-forms - A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
supabase-js - An isomorphic Javascript client for Supabase. Query your Supabase database, subscribe to realtime events, upload and download files, browse typescript examples, invoke postgres functions via rpc, invoke supabase edge functions, query pgvector.
next-the-13th - Next.js 13 showcase
supabase - The open source Firebase alternative.
auth-helpers - A collection of framework specific Auth utilities for working with Supabase.
ui - Supabase UI Library
Next.js - The React Framework