With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 TypeScript Auth Projects
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
logto
🧑🚀 The better identity infrastructure for developers and the open-source alternative to Auth0.
-
node-casbin
An authorization library that supports access control models like ACL, RBAC, ABAC in Node.js and Browser
-
nestjs-boilerplate
NestJS boilerplate. Auth, TypeORM, Mongoose, Postgres, MongoDB, Mailing, I18N, Docker.
-
-
foal
Full-featured Node.js framework, with no complexity. 🚀 Simple and easy to use, TypeScript-based and well-documented.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
zenstack
Typescript toolkit on top of Prisma ORM, offering flexible and declarative Access Control Policy(Authorization/Permission) for RBAC/ABAC/PBAC/ReBAC with auto-generated type-safe APIs and frontend hooks.
-
angular-auth-oidc-client
npm package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, Implicit Flow
-
-
sk-auth
Authentication library for use with SvelteKit featuring built-in OAuth providers and zero restriction customization!
-
-
-
-
-
clerk-nextjs-demo-app-router
Auth starts here with the official Next.js starter utilizing the app directory
-
-
clerk-nextjs-app-quickstart
The official companion repo for Clerk's Next.js Quickstart using the app router
-
blueauth
🔐 Serverless passwordless authentication. No databases needed. Use in just 1 line in serverless, middleware, express, next.js, and more.
-
create-xp-app
💻📲 Opionionated fullstack cross-platform app starter for Nextjs and Expo with up to 100% code sharing
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15NextAuth.js is not perfect. One of the shortcomings is that it currently does not implement federated logout. This means that even if a user signs out of the Next.js app, he does NOT get signed out of the Cognito user pool client. As a consequence, the user is not really being logged out (i.e he is able to login again without providing the credentials). You can read more about this problem in this Github thread.
Link: https://lucia-auth.com/
Project mention: Extensive React Boilerplate to kickstart a new frontend project | dev.to | 2024-02-14How much time do we typically spend on project setup? We're talking about configuring installed libraries and writing boilerplate code to structure and implement best practices for achieving optimal website performance. At Brocoders, we often start new projects from scratch. That's why over 3 years ago, we created a NestJS boilerplate for the backend so that we wouldn't have to spend time developing core functionality that the end user doesn't see but is crucial for developers. Over this time, the boilerplate has received 1.9k stars on GitHub and has gained significant popularity beyond our company. Now, we've decided to take it a step further and created the Extensive React Boilerplate for the frontend. Its purpose is to keep our best practices in project development together, avoiding familiar pitfalls and reducing development time.
Another strategy is to model access control declaratively and enforce it in the application layer. ZenStack (built above Prisma ORM) and Hasura are good examples of this approach. The following code shows how access policies are defined with ZenStack and how a secured CRUD API can be derived automatically.
Project mention: Supabase Authentication Issue with Next.js 13.4 - !session vs !user | /r/Supabase | 2023-07-04I have encountered a similar issue, but I haven't fully found a solution yet. Currently, I'm using the getSession function throughout my server components. Yesterday, I tried running a middleware to refresh the user's session, based on this example: https://github.com/supabase/auth-helpers/blob/main/examples/nextjs/middleware.tsx. This caught my attention because the comment mentioned that the middleware is necessary for any Server Component route using createServerComponentClient. Right now, I'm testing this approach, and so far, I haven't been logged out since yesterday. Do you have that in your application? The main difference between getSession and getUser in supabase is that getSession reads the cookies and is very fast (around 1-2 ms), while getUser makes a call to the supabase API with the access token to retrieve the user and I would assume they also verify the JWT on their end.
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.
Project mention: Show HN: Stack, the open-source Clerk/Firebase Auth alternative | news.ycombinator.com | 2024-04-14It is very close to the default theme, here you can find the custom CSS
https://github.com/stackframe-projects/stack/blob/main/docs/...
git clone https://github.com/clerkinc/clerk-next-app.git`
Project mention: Build a simple code snippet manager with Neon’s serverless driver, Clerk, and Nextjs | dev.to | 2024-02-12git clone https://github.com/clerk/clerk-nextjs-app-quickstart
In any case you want to roll your own auth easily, you can use https://github.com/wobsoriano/authey. Nuxt usage is there, you will have to make your own composables, though.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Auth related posts
- Supabase – General Availability Week
- Lucia: Auth library in TypeScript to manage the complexity of handling sessions
- Lucia: Authentication, Simple and Clean
- New comers to Svelte from React, is there something I miss?
- What's the Best Way to Setup TypeScript With Node + Express?
- Supabase MagicLink
- Authentication
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source Auth projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | next-auth | 22,158 |
| 2 | lucia | 7,509 |
| 3 | logto | 7,211 |
| 4 | node-casbin | 2,480 |
| 5 | nestjs-boilerplate | 2,343 |
| 6 | auth-module | 1,906 |
| 7 | foal | 1,855 |
| 8 | remix-auth | 1,775 |
| 9 | zenstack | 1,620 |
| 10 | angular-auth-oidc-client | 1,097 |
| 11 | auth-helpers | 880 |
| 12 | sk-auth | 575 |
| 13 | react-auth-kit | 496 |
| 14 | auth-ui | 445 |
| 15 | stack | 341 |
| 16 | react-query-auth | 301 |
| 17 | graphql-directive-auth | 138 |
| 18 | clerk-nextjs-demo-app-router | 137 |
| 19 | rollupid | 132 |
| 20 | clerk-nextjs-app-quickstart | 78 |
| 21 | blueauth | 59 |
| 22 | authey | 46 |
| 23 | create-xp-app | 43 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com