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

セキュリティとテスト

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.

主な機能

Better Auth client configuration with JWT plugin integration
0 GitHub stars
Reusable protected route components with loading states
Standardized localStorage management for client-side tokens
Built-in email validation and password strength assessment patterns
Automated JWT attachment to API request headers

ユースケース

Implementing secure email/password signup and signin flows in Next.js
Protecting dashboard routes and handling unauthorized access redirects
Standardizing token persistence and session refresh logic across a frontend team

概要

主な機能

Better Auth client configuration with JWT plugin integration
0 GitHub stars
Reusable protected route components with loading states
Standardized localStorage management for client-side tokens
Built-in email validation and password strength assessment patterns
Automated JWT attachment to API request headers

ユースケース

Implementing secure email/password signup and signin flows in Next.js
Protecting dashboard routes and handling unauthorized access redirects
Standardizing token persistence and session refresh logic across a frontend team