Use Auth Provider

use-auth-provider

This skill covers patterns for implementing authentication in a frontend application.

Trigger: Load this skill when managing user authentication.

Quick Reference

Critical Patterns (Summary)

• Set API URL: Define the base URL for API requests.
• Use Auth Provider: Wrap your application with the AuthProvider for authentication context.

Critical Patterns (Detailed)

Set API URL

Define the base URL for API requests to ensure all authentication requests are directed correctly.

const apiUrl = API_URL; // Use the exported API_URL for consistent API endpoint

Use Auth Provider

Wrap your application with the AuthProvider to provide authentication context to all components.

import { AuthProvider } from './lib/auth';

const App = () => (
  <AuthProvider>
    {/* Your application components */}
  </AuthProvider>
);

When to Use

• When setting up the authentication context for your application.
• When configuring API endpoints for authentication requests.

Commands

docker-compose up
python repoforge/cli.py

Anti-Patterns

Don't: Hardcode API URLs

Hardcoding API URLs can lead to maintenance issues and inconsistencies.

const apiUrl = 'http://localhost:3000/api'; // BAD