What a Senior } should know

Applies algorithmic expertise across the stack: query optimization algorithms on backend, virtual scrolling algorithms on frontend, efficient pagination and cursor-based algorithms for API data fetching. Designs end-to-end data processing algorithms balancing server and client computational loads.

Designs async architectures across the stack: server-side async request processing pipelines, client-side concurrent data fetching strategies, WebSocket/SSE real-time communication patterns. Mentors team on end-to-end async design.

Designs code quality standards across frontend and backend: consistent patterns for API contracts, shared type definitions, mono-repo code organization. Refactors full-stack features for clear separation of concerns between UI, business logic, and data layers. Establishes cross-stack review practices for end-to-end code quality.

Selects optimal data structures across the full stack: normalized vs denormalized database schemas, API response data shaping, client-side state trees for efficient UI rendering. Optimizes data transfer formats between frontend and backend layers. Designs shared type definitions that enable efficient serialization and validation across stack boundaries.

Has deep expertise in design patterns across full stack: designs cohesive architectures bridging frontend and backend patterns, implements API contract patterns for service integration, optimizes pattern usage for end-to-end system performance. Mentors team on full-stack architectural patterns for production applications.

Applies OOP/SOLID across the full stack: consistent abstraction patterns between frontend services and backend layers, shared interface contracts for API communication, dependency inversion for testable cross-stack modules. Designs clean architectures that maintain SOLID principles across stack boundaries.

Has deep expertise in cross-stack type safety — designs shared type schemas between frontend and backend with code generation, implements end-to-end type-safe APIs with tRPC or GraphQL codegen, and architects monorepo type sharing strategies. Mentors team on maintaining type consistency across system boundaries, runtime validation at API edges, and balancing type strictness with development velocity.

Develops fullstack applications on NestJS or Express with clear modular structure, integrating server-side rendering through Next.js. Configures middleware chains, DTO validation, error handling and API layer optimized for frontend needs.

Integrates Redis caching into fullstack applications: caches API responses and sessions on backend, uses pub/sub for real-time frontend updates via WebSocket. Configures cache invalidation strategies on data mutations from UI.

Optimizes fullstack application bundles: code-splitting by routes and components, separate chunks for vendor code, SSR bundle optimization. Configures Vite/webpack for minimal size, implements prefetch strategies and analyzes server dependency impact.

Creates comprehensive component testing strategy for fullstack applications: integration tests with MSW for API mocking, server component tests, design system snapshot tests. Configures coverage reports and ensures testing of end-to-end scenarios from request to UI.

Optimizes Core Web Vitals of fullstack applications across the entire stack: server-side rendering for LCP, hydration optimization for INP, streaming SSR for TTFB. Configures RUM monitoring, analyzes field data and eliminates bottlenecks from API to rendering.

Designs data-fetching layer for fullstack applications: React Query/SWR with caching and invalidation, optimistic updates, parallel requests. Implements SSR data-fetching with hydration, data streaming and prefetch strategies for optimal UX.

Develops design system components for fullstack project: typed interfaces, accessibility, theme support. Creates Storybook documentation and integration tests. Ensures UI consistency between server-rendered and client-side parts of the application.

Designs fullstack micro-frontend architecture: defines vertical slice architecture (frontend + BFF + service per domain), configures shared authentication through token propagation, designs unified error handling. Ensures observability through distributed tracing from browser to backend.

Creates complex CSS solutions for fullstack applications: GPU-accelerated animations, Container Queries for component-level responsiveness, CSS Layers for specificity management. Optimizes critical CSS for SSR pages and resolves FOUC issues.

Designs fullstack Next.js solutions with Server Actions, API routes, and middleware. Optimizes database queries in server components and implements auth/session management. Creates reusable fullstack patterns.

Creates complex React components for fullstack applications with optimal server and client state management. Integrates React Query/SWR for API synchronization, applies suspense patterns and rendering optimization for seamless UX.

Implements complex SSR/SSG scenarios for fullstack applications: streaming SSR for fast TTFB, ISR for scalable static content, React server components for reducing JS bundle. Optimizes hydration and resolves server-client rendering mismatch issues.

Designs state management for fullstack applications: Zustand/Jotai for client state, React Query for server state, separating cache from UI state. Implements optimistic updates with rollback on API errors and cross-tab synchronization.

Creates scalable design system on Tailwind for fullstack project: custom theme with tokens, reusable components, dark mode. Optimizes final CSS bundle through purge and configures Tailwind config for the entire application's needs.

Configures Vite for fullstack development: custom plugins, SSR mode for server-side rendering, dependency pre-bundling optimization. Configures multi-entry builds for different application parts and integrates Vitest for end-to-end testing.

Ensures WCAG 2.1 AA compliance for fullstack applications: accessible forms with server and client validation, live regions for dynamic content, skip navigation. Configures automated a11y testing in CI and conducts audits with assistive technologies.

Designs data models for fullstack applications across the entire stack: normalized database schema, DTO transformation on backend, normalized store on frontend. Applies DDD approach, separates read/write models and optimizes for UI usage patterns.

Optimizes indexes for fullstack applications based on actual usage patterns: composite indexes for complex UI filters, partial indexes for active records, GIN indexes for JSONB and full-text search. Monitors index usage and eliminates redundant ones.

Implements complex migrations for fullstack applications: zero-downtime schema changes, data migrations with transformation, expand-contract scenarios. Coordinates migration deployment with backend and frontend updates, ensuring API backward compatibility.

Designs MongoDB schemas for fullstack applications: denormalization for fast frontend reads, indexes for search scenarios, aggregation pipeline for analytics. Implements embedded vs referenced document patterns and optimizes queries for UI.

Designs PostgreSQL schemas for fullstack applications: normalization, indexes for frequent frontend queries, JSONB for flexible structures. Optimizes N+1 queries through DataLoader, configures connection pooling and writes complex queries with CTEs and window functions.

Deeply analyzes query plans (Seq Scan vs Index Scan, Nested Loop vs Hash Join). Optimizes query planner hints. Uses materialized views for precomputations. Optimizes bulk operations (COPY, batch inserts). Tunes work_mem, shared_buffers for specific queries.

Designs API versioning strategy for fullstack products: semantic versioning for API, automated backward compatibility testing, graceful deprecation. Implements feature flags for gradual frontend transition to new API versions.

Designs GraphQL architecture for fullstack applications: federation for microservices, subscriptions for real-time, persisted queries for performance. Optimizes resolvers with batching and caching, configures protection against complex queries and depth limiting.

Designs REST API for fullstack applications considering frontend needs: BFF endpoints for optimal data loading, sparse fieldsets, ETags for caching. Creates OpenAPI specifications with auto-generated types and clients for frontend.

Creates scalable WebSocket architecture for fullstack applications: Redis adapter for horizontal scaling, SSE as alternative for unidirectional streams, rate limiting. Optimizes reconnect logic and frontend state reconciliation.

Designs AWS architecture for fullstack applications: serverless on Lambda + API Gateway, containers on ECS/Fargate, Aurora for database. Optimizes costs, configures multi-AZ availability and implements edge functions through CloudFront Functions for frontend.

Optimizes Docker infrastructure for fullstack applications: minimal images on Alpine/distroless, layer caching for fast CI builds, health checks. Designs multi-service compose for staging and configures Docker for SSR applications.

Designs Kubernetes architecture for fullstack applications: HPA for backend autoscaling, separate deployments for SSR and API, update strategies. Configures service mesh, resource monitoring and optimizes cluster resource consumption.

Designs network architecture for fullstack applications: HTTP/3 optimization for frontend, gRPC between microservices, VPN for internal services. Configures edge routing, optimizes TCP settings for WebSocket and resolves complex network interaction issues.

Designs CI/CD pipelines for fullstack applications: monorepo-aware builds with affected package detection, e2e tests with Playwright, canary deployments. Optimizes build time, configures PR preview deployments and automated migration verification.

Designs e2e testing for fullstack applications: Playwright with API mocks and real backend, visual regression testing, performance tests. Integrates into CI with parallelization, flaky-test detection and automated retry for stability.

Designs integration testing for fullstack applications: contract testing between frontend and backend with Pact, tests with real services through docker-compose, migration testing. Creates infrastructure for reproducible test environments.

Designs unit testing strategy for fullstack applications: test architecture for server and client logic, shared test utilities, coverage targets. Creates test infrastructure with preconfigured ORM, API and provider mocks to accelerate test development.

Designs fullstack application authentication: SSO through OpenID Connect, multi-tenant authorization, RBAC with checks on frontend and backend. Configures secure token storage (httpOnly cookies vs memory), CSP for OAuth and protection against token theft.

Designs fullstack application security: defense-in-depth from frontend to database, WAF configuration, automated dependency audit. Conducts security code reviews, configures SAST/DAST in CI and implements secure coding practices across the entire stack.

Optimizes fullstack development with Copilot: custom project instructions, boilerplate generation for end-to-end features, routine task automation. Critically evaluates AI suggestions for security and architectural conformance, trains team.

Designs system architecture for fullstack applications: microservices vs monolith, event-driven communication, CQRS for read/write separation. Defines technical solutions for non-functional requirements: performance, availability, scalability.

Designs fullstack application observability: distributed tracing from browser to database through OpenTelemetry, performance metrics for each layer, SLO-based alerts. Configures ELK/Grafana stack and creates dashboards for monitoring entire stack health.

Conducts deep fullstack change reviews: evaluates performance impact from database to UI, checks security aspects across the stack, analyzes architectural integrity. Mentors through reviews, trains team on cross-stack thinking.

Optimizes Git workflow for fullstack teams: trunk-based development, feature flags instead of long-lived branches, automated release notes. Configures git hooks for pre-commit checks on both layers, manages complex merges in monorepo.