SSR (Server-Side Rendering)
SSR is a rendering technique where pages are rendered on the server and sent as HTML to the client. It improves initial load performance, SEO, and provides better social sharing.
Key Concepts
- Initial HTML from server
- Hydration on client
- Streaming SSR
- Edge SSR (CDN rendering)
- Selective hydration
Common Use Cases
- SEO-critical pages
- E-commerce sites
- Content websites
- Social media previews
- Performance optimization
Best Practices
- Implement proper caching
- Reduce server response time
- Use streaming for large pages
- Handle errors gracefully
- Optimize hydration
Resources
- Next.js SSR docs
- Remix framework
- Related Skills: nextjs, nuxt, seo