fullstack-integration
Governs integration between Next.js 16 frontend and FastAPI backend. Use when connecting APIs, handling JWT auth, configuring CORS, or debugging cross-stack issues.
When & Why to Use This Skill
This Claude skill optimizes the full-stack integration between Next.js 16 and FastAPI, focusing on secure and efficient communication. It provides expert guidance on implementing JWT authentication via Better Auth, configuring strict CORS policies, and managing data flows with SQLModel and Neon PostgreSQL. By enforcing standardized architectural rules, it helps developers eliminate cross-stack connectivity issues and streamline deployment on platforms like Vercel.
Use Cases
- Secure Authentication Implementation: Setting up robust JWT-based authentication flows where the backend strictly verifies tokens and the frontend avoids insecure manual storage.
- Cross-Origin Resource Sharing (CORS) Configuration: Debugging and locking down explicit CORS settings to ensure secure communication between different domains or subdomains.
- Asynchronous API Dependency Injection: Implementing FastAPI dependency injection for server-side JWT verification and user-scoped request handling.
- Full-Stack Debugging: Resolving complex integration errors between Next.js 16 frontend components and FastAPI backend endpoints, including SQLModel and Neon PostgreSQL connectivity issues.
| name | fullstack-integration |
|---|---|
| description | Governs integration between Next.js 16 frontend and FastAPI backend. Use when connecting APIs, handling JWT auth, configuring CORS, or debugging cross-stack issues. |
Full-Stack Integration Skill
This Skill defines how frontend and backend talk to each other.
Core Architecture
Frontend (Next.js 16) → Better Auth → JWT → FastAPI → SQLModel → Neon PostgreSQL
Non-Negotiable Rules
- Frontend never stores JWT manually
- Backend trusts JWT only after verification
- Every request is user-scoped
- CORS is explicit and locked down
See:
Context7 Usage
Use Context7 when:
- Verifying Better Auth token format
- FastAPI dependency injection edge cases
- Vercel deployment behavior
Good queries:
- “FastAPI JWT dependency async example”
- “Better Auth JWT verification server side”