SSR/SSG/ISR Patterns

Understands SSR/SSG concepts and their benefits for Angular applications: SEO, First Contentful Paint. Knows about Angular Universal and basic server rendering setup via ng add @angular/ssr.

Understands the difference between SSR, SSG and CSR in the Next.js context. Uses App Router for creating server and client components, applies generateStaticParams for static generation, understands use client and use server directives.

Understands the difference between SSR, SSG, and CSR in SvelteKit, uses prerender: true for static pages. Works with +page.server.js for server rendering, understands hydration and data transfer from server to client through PageData.

Configures Angular Universal for SSR: server routes, TransferState to avoid duplicate requests, browser-only API handling via isPlatformBrowser, static page prerendering via ng build --prerender.

Implements advanced rendering patterns in Next.js App Router: streaming SSR with Suspense, ISR with revalidate, parallel and intercepting routes. Optimizes TTFB through Server Components, configures data and full-page caching.

Configures rendering strategies in SvelteKit: SSR for dynamic pages, prerender for static, CSR for SPA sections. Uses adapter-static and adapter-node, implements ISR-like patterns through caching headers and invalidation.

Designs Angular application SSR architecture: hydration strategies (full vs partial), streaming SSR for improved TTFB, CDN-level caching, dynamic route handling, Angular Signals integration for server state.

Designs rendering architecture for Next.js applications: SSR/SSG/ISR/PPR strategy selection per route, streaming architecture with nested Suspense boundaries, edge rendering for global applications. Ensures balance between performance and data freshness.

Designs hybrid rendering strategy for SvelteKit applications: route-level SSR/SSG/streaming selection, edge rendering through adapter-cloudflare. Optimizes TTFB through streaming SSR, implements partial prerendering and progressive hydration for critical paths.

Defines SSR standards for the Angular project: which routes to render server-side vs client-side, SSR page caching strategy, server performance monitoring, Angular Universal deployment process on Node.js.

Defines rendering pattern standards for the team's Next.js projects: decision framework for rendering strategy selection, TTFB and FCP monitoring, conventions for organizing server and client components. Mentors on App Router architecture.

Defines rendering strategy standards in the Svelte team: SSR/SSG/CSR selection criteria, adapter architecture, caching. Coordinates DevOps for optimal SSR infrastructure, implements TTFB and hydration performance monitoring in production.

Shapes rendering strategy at the Angular platform level: edge-side rendering, Cloudflare Workers/Vercel Edge integration, server components architecture for Angular, streaming SSR for real-time applications.

Shapes rendering strategy for the organization's React application ecosystem: edge rendering architecture, PPR for optimal balance, global CDN caching strategy. Evaluates new patterns (React Server Actions, PPR) and defines adoption roadmap.

Shapes server rendering strategy at the organizational level, researches partial hydration and server components for SvelteKit. Influences rendering pattern evolution in the Svelte ecosystem, defines edge-first platform architecture with optimal DX.