tailwindcss-forms
auth-helpers
tailwindcss-forms | auth-helpers | |
---|---|---|
15 | 18 | |
3,952 | 886 | |
1.6% | 1.2% | |
6.2 | 8.3 | |
about 1 month ago | 7 days ago | |
HTML | 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.
tailwindcss-forms
-
The 7 best plugins to use in your Tailwind project
The forms plugin is similar to the typography plugin. Because Tailwind CSSโ resets also affect form elements, the job of the forms plugin is to give form elements a set of pretty, default styles. The default styles are minimal so you won't want to use them as is, but they make a convenient base you can override and extend.
-
How to Store Images in MongoDB using Cloudinary: MERN Stack
Let's copy a form component from HyperUI, and edit it to make it work for us. If you use one of their form components, make sure to install the TailwindCSS forms plugin.
-
Creating an Alert System with Context and Hook in React
Install tailwind css and tailwindcss/forms.
- How do you style forms?
-
How to create appealing forms?
If you're in a hurry: https://github.com/tailwindlabs/tailwindcss-forms
-
How to change my label position ? Im not sure why it appears after the checkbox rather than above like the others do. Any help is appreciated thanks ! :)
Finally Tailwind is the last CSS framework it can generate, which also has checkbox labels to the right: https://tailwindcss-forms.vercel.app/
- Hello world
-
Authentication in Next.js with Supabase and Next 13
We'll also utilize Tailwind's Forms Plugin to make it easier to style our Auth component, so let's install that as well:
-
[Deno] How to install @tailwindcss/forms plugin into tailwindcss
I want to install tailwindcss-forms plugin on Deno but couldn't.
- Introducing Skeleton - a Svelte UI component library for creating web interfaces using Svelte + Tailwind
auth-helpers
-
Supabase Authentication Issue with Next.js 13.4 - !session vs !user
I 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.
-
SvelteKit is awful for building PWAs
F.ex. Have a look how supabase-auth-helper-sveltekit works. This is the "SvelteKit way" to approach authentication. It also works perfectly with invalidate to reload or invalidate data that is connected to the current user session. As pointed out already, there is no reason you should not be able to access your JWT.
-
Supabase Beta May 2023
We have updated the Next.js Auth Helpers package to make it available across the client and server of the App Router. They also now implement server-side auth by default with PKCE - meaning the entire auth flow is now possible server-side.
-
Need some help with auth and nextjs13 (using app folder) that I just can't seem to wrap my head around something trivial
Example
- When to use which - page.ts VS page.server.ts
-
Help with basic Supabase setup on Next.js?
seems like known issue https://github.com/supabase/auth-helpers/issues/497
-
Use base gotrue api instead of auth helper
auth helper for sveltekit: https://github.com/supabase/auth-helpers/tree/main/packages/sveltekit
- How to add protected routes with server components?
- Issues with Sveltekit and Supabase Authentication
-
What do you think about handling protected routes and redirects in middleware?
I do think checking auth in a server component would likely be better for your use here. Supabase has a nice example here: https://github.com/supabase/auth-helpers/tree/main/examples/nextjs-server-components They have a simple case with Middleware, but you wouldn't need to do it that way. Can use "redirect(/login)" from the server component.
What are some alternatives?
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
sk-auth - Authentication library for use with SvelteKit featuring built-in OAuth providers and zero restriction customization!
tailblocks - Ready-to-use Tailwind CSS blocks.
sveltekit-prisma-example
preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
nextjs-supabase - Multi-tenant NextJS 13 + Supabase
Tailwind CSS - A utility-first CSS framework for rapid UI development.
sveltekit-firebase9 - a simple todo app with sveltekit and firebase 9
skeleton - A fully featured UI toolkit for Svelte + Tailwind. [Moved to: https://github.com/skeletonlabs/skeleton]
supabase-auth-helpers - A collection of framework specific Auth utilities for working with Supabase. [Moved to: https://github.com/supabase-community/auth-helpers]
unocss - The instant on-demand atomic CSS engine.
svelte-store