Are there built-in validation patterns?

Yes, the skill covers form validation for email formats and password strength requirements to improve user onboarding security.

What authentication library does this skill focus on?

This skill specifically provides patterns for Better Auth, a modern TypeScript-first authentication library for web frameworks.

How does it handle JWT token security?

It provides patterns for storing tokens in localStorage on the client-side, automatically attaching them to API requests via Bearer headers, and clearing them on signout or 401 errors.

Does this skill work with Next.js?

Yes, it includes specific patterns for Next.js, including client-side navigation using the useRouter hook and protected route components.

How does it handle session expiration?

The patterns include session management logic that checks for token expiration and handles 401 Unauthorized responses by redirecting users to the sign-in page.

Frontend Auth & JWT Patterns

Name: Frontend Auth & JWT Patterns
Author: NaimalArain13

byNaimalArain13

0•

セキュリティとテスト

Implements secure authentication flows using Better Auth and JWT token management for modern web applications.

This skill provides standardized implementation patterns for integrating Better Auth with JWT plugins into React and Next.js applications. It offers guidance on client-side session management, localStorage token persistence, and automatic authorization header attachment for API requests. Developers can use this skill to ensure consistent application of protected route logic, robust form validation for emails and passwords, and graceful 401 error handling with automatic redirection to login pages.

主な機能

01Better Auth client configuration with JWT plugin integration

020 GitHub stars

03Reusable protected route components with loading states

04Standardized localStorage management for client-side tokens

05Built-in email validation and password strength assessment patterns

06Automated JWT attachment to API request headers

ユースケース

01Implementing secure email/password signup and signin flows in Next.js

02Protecting dashboard routes and handling unauthorized access redirects

03Standardizing token persistence and session refresh logic across a frontend team

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naimalarain13/hackathon-ii_the-evolution-of-todo frontend-auth

For use in Claude.ai and ChatGPT

Download Skill