System Overview

Core Components

• Frontend: Next.js 14 application with App Router.

• Authentication: Supabase Auth with email/password and Google OAuth.

• Database: Supabase (PostgreSQL) with Row Level Security.

• State Management: React Context + Custom Hooks.

• Internationalization: i18next with language detection.

Technology Stack

• Framework: Next.js 14 (React).

• Styling: Tailwind CSS + shadcn/ui.

• Database: Supabase (PostgreSQL).

• Authentication: Supabase Auth.

• Type Safety: TypeScript.

• Icons: Lucide React.

• Form Handling: React Hook Form + Zod.

• PDF Generation: @react-pdf/renderer.

Key Design Patterns

• Singleton Pattern: Supabase client.

• Provider Pattern: Auth context, Theme provider.

• Container Pattern: Auth container components.

• Repository Pattern: Database access layers.

• Observer Pattern: Real-time subscriptions.