ワンクリックでManusで任意のスキルを実行

始める

auth-skill

スター2

フォーク0

更新日2026年2月2日 09:55

Secure authentication using Better Auth on Next.js frontend and JWT verification in FastAPI backend with shared secret.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

Hammadafzal55

Hammadafzal55/Hackathon-2

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Auth Skill – Better Auth + FastAPI

Architecture Overview

Frontend: Next.js + Better Auth (JavaScript)
Backend: FastAPI (Python)
Auth Method: JWT (Bearer Token)
Auth State: Stateless (No backend sessions)

Authentication Flow

User Login (Frontend)
- User signs in via Better Auth
- Better Auth creates a session
- JWT token is issued using shared secret
API Request (Frontend → Backend)
- JWT token attached in request header:
```
Authorization: Bearer <token>
```
JWT Verification (Backend)
- FastAPI extracts token from header
- Verifies signature using shared secret
- Decodes token to get user_id, email
Authorization Enforcement
- Backend matches decoded user_id
- Filters all DB queries by authenticated user
- Prevents cross-user data access

Required Component Changes

1. Better Auth Configuration (Frontend)

Enable JWT plugin
Set token expiry (e.g. 7 days)
Use shared secret via environment variable

BETTER_AUTH_SECRET=super-secret-key

このリポジトリの他の Skills

同じリポジトリ

backend-core

Hammadafzal55/Hackathon-2

Generate backend routes, handle HTTP requests/responses, and connect to databases. Use for API and server-side development.

2026-02-022

database-schema-design

Hammadafzal55/Hackathon-2

Design robust database schemas using tables, relationships, and migrations. Use for backend and data-driven applications.

2026-02-022

debugging-skill

Hammadafzal55/Hackathon-2

Debug all issues, errors, and bugs related to authentication, frontend, and backend. Use to troubleshoot and fix web applications efficiently.

2026-02-022

hero-section

Hammadafzal55/Hackathon-2

Build modern landing page hero sections with animations. Use for homepage designs.

2026-02-022

modern-button

Hammadafzal55/Hackathon-2

Create trendy glassmorphism buttons. Use when user wants modern button designs.

2026-02-022

nextjs-card-component

Hammadafzal55/Hackathon-2

Build modern, accessible card components in Next.js with Tailwind CSS, including shadow effects, hover animations, responsive grids, and optimized images using next/image. Use when creating card layouts, product grids, content galleries, or any UI requiring card-based designs in Next.js applications.

2026-02-022

name	auth-skill
description	Secure authentication using Better Auth on Next.js frontend and JWT verification in FastAPI backend with shared secret.

Auth Skill – Better Auth + FastAPI

Architecture Overview

Frontend: Next.js + Better Auth (JavaScript)
Backend: FastAPI (Python)
Auth Method: JWT (Bearer Token)
Auth State: Stateless (No backend sessions)

Authentication Flow

User Login (Frontend)
- User signs in via Better Auth
- Better Auth creates a session
- JWT token is issued using shared secret
API Request (Frontend → Backend)
- JWT token attached in request header:
```
Authorization: Bearer <token>
```
JWT Verification (Backend)
- FastAPI extracts token from header
- Verifies signature using shared secret
- Decodes token to get user_id, email
Authorization Enforcement
- Backend matches decoded user_id
- Filters all DB queries by authenticated user
- Prevents cross-user data access

Required Component Changes

1. Better Auth Configuration (Frontend)

Enable JWT plugin
Set token expiry (e.g. 7 days)
Use shared secret via environment variable

BETTER_AUTH_SECRET=super-secret-key