Better Auth Components
- 148 installs
- 18 repo stars
- Updated June 8, 2026
- andrelandgraf/fullstackrecipes
Drop in Better Auth sign-in, OAuth, and session UI components in React/Next fullstack apps instead of hand-rolling login flows and protected-route guards.
About
Fullstackrecipes skill for wiring Better Auth into React/Next apps with prebuilt sign-in, registration, OAuth, and session components so teams ship consistent login UX without custom auth UI from scratch.
- Better Auth component patterns
- Sign-in and OAuth UI blocks
- Session-aware route guards
- Fullstackrecipes integration recipes
- Faster protected-page assembly
Better Auth Components by the numbers
- 148 all-time installs (skills.sh)
- Ranked #954 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill better-auth-componentsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 148 |
|---|---|
| repo stars | ★ 18 |
| Last updated | June 8, 2026 |
| Repository | andrelandgraf/fullstackrecipes ↗ |
What it does
Drop in Better Auth sign-in, OAuth, and session UI components in React/Next fullstack apps instead of hand-rolling login flows and protected-route guards.
Files
Better Auth Components
To set up Better Auth Components, fetch the recipe Markdown:
curl https://fullstackrecipes.com/recipes/better-auth-components.mdRelated skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k