senior-developer-guide

Document React, TypeScript, and Supabase best practices for architecture and security.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/annycatarina01-del/contanny-financeiro-pf --skill senior-developer-guide
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-developer-guide
Source: https://github.com/annycatarina01-del/contanny-financeiro-pf/tree/main/_agent/skills/senior-developer-guide
Command: npx skills add https://github.com/annycatarina01-del/contanny-financeiro-pf --skill senior-developer-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive guide to building robust, scalable, and secure applications using modern frontend (React, TypeScript) and backend (Supabase) technologies, focusing on best practices for senior developers.

Core Features & Use Cases

  • Architectural Patterns: Detailed guidance on frontend componentization, service layer design, and database integrity.
  • Security & Best Practices: Emphasis on secure coding, data validation, multitenancy, and performance optimization.
  • Use Case: A senior developer can use this guide to establish a consistent and high-quality development standard for a new React, TypeScript, and Supabase project, ensuring maintainability and scalability from the outset.

Quick Start

Consult the guide for best practices on frontend componentization in React and TypeScript.

Frequently Asked Questions about senior-developer-guide

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a secure service layer using Supabase Edge Functions and React?

To structure a secure service layer with Supabase Edge Functions, you isolate frontend React logic from backend operations. This approach enforces secure coding and data validation, ensuring mission-critical application scalability.

What is the best way to implement multitenancy with Supabase Row Level Security (RLS)?

Implementing multitenancy with Supabase RLS involves configuring PostgreSQL policies to enforce data isolation at the database level. This maintains strict database integrity and secures tenant-specific data without relying solely on frontend React logic.

How do I architect React and TypeScript systems for high performance?

Architecting performant React and TypeScript systems requires strict frontend componentization and applying performance optimization techniques. This guide details best practices to ensure complex applications remain maintainable and highly responsive under load.

Does this guide cover PostgreSQL database integrity patterns for Supabase?

Yes, this guide covers PostgreSQL database integrity patterns for Supabase. It details how to enforce data validation and secure backend constraints, ensuring your database schema reliably supports complex frontend operations without data corruption.

When should I not rely solely on frontend TypeScript for application security?

You should not rely solely on frontend TypeScript for security when building mission-critical applications. You must implement backend data validation via Supabase Edge Functions and PostgreSQL RLS to prevent unauthorized access and maintain integrity.