angular-supabase-connector-setup

To set up Supabase in Angular 20, the skill automates configuring DI-first providers and typed InjectionTokens, creating a reusable, injectable connector service for type-safe data operations. It ensures the Supabase client is provided through Angular's dependency injection system.

Configuring Supabase environment variables involves reading the Supabase URL and keys directly from Angular environment files. The skill sets up this environment configuration automatically, ensuring the client initializes with the correct project credentials.

Yes, you can connect existing API services to Supabase while maintaining decoupling by using an optional adapter bridge. This API Adapter Bridge allows existing services to integrate with the new Supabase client without tight coupling.

No, manual installation is not required because the skill ensures the `@supabase/supabase-js` package is automatically installed. It verifies the complete setup by running an Angular build to confirm everything compiles correctly.

Using a typed InjectionToken for Supabase client integration ensures type safety across authentication and data operations. The skill configures these typed tokens to enforce strict typing when injecting the Supabase client into Angular services.