BestHub
Sign in
Tag

SSR

0 views collected around this technical thread.

Baidu Geek Talk
Baidu Geek Talk
Feb 19, 2025 · Frontend Development

Technical Practice of Baidu Live‑Streaming Interactive Framework: Performance and Stability Optimization

Baidu live streaming interactive framework optimized performance and stability for music+red‑packet activities, using component reuse, page pre‑static generation, SSR, ISR, prefetching, view prerender, fallback mechanisms, and animation downgrade, achieving first‑screen load reductions to 0.5 s and delivering a reusable solution for large‑scale live events.

Front-end ArchitectureLive StreamingSSG
0 likes · 16 min read
Technical Practice of Baidu Live‑Streaming Interactive Framework: Performance and Stability Optimization
Architect
Architect
Jan 22, 2025 · Frontend Development

Refactoring the External Product Detail Page: SSR Migration, Request Interceptor and Tracking Hook Redesign

This article details the complete redesign of the external product detail page, replacing the uni‑app SPA with a source‑build SSR solution, introducing a split‑first‑screen data strategy, multi‑environment support, risk‑controlled fallback mechanisms, and targeted refactors of request interceptors and tracking hooks, resulting in significant performance and business metric improvements.

SSRfrontendperformance
0 likes · 17 min read
Refactoring the External Product Detail Page: SSR Migration, Request Interceptor and Tracking Hook Redesign
Code Mala Tang
Code Mala Tang
Jan 18, 2025 · Frontend Development

SSR’s Bright Future: Jamstack, React Server Components & WebAssembly

This article explains the fundamentals of Jamstack and server‑side rendering (SSR), compares their roles in modern web development, and examines emerging trends such as React Server Components, WebAssembly integration, serverless architectures, and hybrid rendering, outlining how these innovations shape the future of SSR.

JamstackReactSSR
0 likes · 7 min read
SSR’s Bright Future: Jamstack, React Server Components & WebAssembly
Architecture Development Notes
Architecture Development Notes
Nov 22, 2024 · Frontend Development

Understanding Hydration in Leptos: Boosting SSR Performance

Hydration in Leptos involves rendering the initial HTML on the server and then, on the client via WebAssembly, attaching event listeners and state management to enable fast page loads, SEO benefits, and interactive features, with example SSR code illustrating the process.

HydrationLeptosRust
0 likes · 3 min read
Understanding Hydration in Leptos: Boosting SSR Performance
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 21, 2024 · Frontend Development

Understanding Server-Side Rendering (SSR) with Nuxt: Features, Setup, and Best Practices

This article explains the concept of Server‑Side Rendering (SSR), why it improves SEO and first‑paint performance, compares popular SSR‑compatible frameworks, and provides a step‑by‑step guide for initializing a Nuxt project, configuring routing, SEO, styling, data fetching, state management, and extending functionality with modules.

FrontendDevelopmentNuxtSSR
0 likes · 21 min read
Understanding Server-Side Rendering (SSR) with Nuxt: Features, Setup, and Best Practices
58 Tech
58 Tech
Oct 12, 2024 · Frontend Development

Introducing Astro: Features, Performance Benefits, and Practical Project Implementation

This article introduces the Astro static‑site framework, explains its island architecture and performance advantages, compares Core Web Vitals with other frameworks, and provides detailed code examples and best‑practice guidelines for integrating Astro with React and Vue in real‑world projects.

AstroIsland ArchitectureJavaScript
0 likes · 15 min read
Introducing Astro: Features, Performance Benefits, and Practical Project Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 26, 2024 · Frontend Development

Serializing Non‑Serializable Data in Server‑Side Rendering: Remix and Turbo‑Stream Approaches

This article examines how server‑side rendering can serialize normally non‑serializable data such as Promises, Dates, RegExp, and BigInt, comparing Remix’s defer‑based approach with Turbo‑Stream’s encode/decode method, and discusses their mechanisms, benefits, and challenges.

Data SerializationReactRemix
0 likes · 26 min read
Serializing Non‑Serializable Data in Server‑Side Rendering: Remix and Turbo‑Stream Approaches
DeWu Technology
DeWu Technology
May 27, 2024 · Frontend Development

Technical Architecture and Design of a Landing Page Editor

The article details the technical architecture and design of the StarCreate landing‑page editor, describing its monorepo structure, low‑code JSON template, backend permission system, canvas implementation choices, Valtio state management, and the resulting operational benefits and future expansion plans.

Editor ArchitectureMonorepoNode.js
0 likes · 16 min read
Technical Architecture and Design of a Landing Page Editor
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 28, 2024 · Frontend Development

Understanding React Router 6.4 Data APIs: Loader, Defer, and Await

This article explains how React Router 6.4’s new Data APIs—loader functions, defer, and the Await component—separate data fetching from rendering, improve client‑side and server‑side rendering performance, and provide a smoother user experience through progressive loading and streaming.

Data APIsReact RouterSSR
0 likes · 24 min read
Understanding React Router 6.4 Data APIs: Loader, Defer, and Await
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 25, 2024 · Frontend Development

Frontend Development Trends and Recommendations for 2024

2024 brings rapid AI advances and evolving front‑end technologies, urging developers to adopt TypeScript, master micro‑frontend architectures, embrace server‑side rendering with Next.js, reconsider low‑code and Flutter, and explore full‑stack frameworks, while providing curated resources and insights for staying competitive.

JavaScriptSSRTypeScript
0 likes · 14 min read
Frontend Development Trends and Recommendations for 2024
Didi Tech
Didi Tech
Jan 11, 2024 · Frontend Development

Mpx 2.9 Release: Atomic CSS Support, SSR Integration, and Bundle Size Optimizations

Mpx 2.9 adds built‑in atomic‑class (utility‑first) CSS, server‑side rendering for web output, and a suite of bundle‑size optimizations—including deterministic IDs, template compression, empty‑module removal, and render‑function pruning—while splitting atomic CSS into sub‑packages for mini‑programs and outlining a roadmap for further compile‑time reductions, Vite support, and cross‑platform extensions.

Atomic CSSMpxSSR
0 likes · 24 min read
Mpx 2.9 Release: Atomic CSS Support, SSR Integration, and Bundle Size Optimizations
iQIYI Technical Product Team
iQIYI Technical Product Team
Dec 29, 2023 · Frontend Development

Performance Optimization of H5 Pages on TV Devices: Challenges, Solutions, and Results

To address fragmented TV OS versions, low‑end hardware, and SDK fragmentation, the Kiwi App team defined unified performance metrics and applied optimizations—resource merging, server‑side rendering, offline caching, HTTP/2 networking, parallel loading, WebView pre‑heating, and page pre‑rendering—cutting average H5 load time from over five seconds to about two seconds and increasing conversion and payment success rates, with plans to keep loads under two seconds.

CachingFront-End DevelopmentH5 optimization
0 likes · 13 min read
Performance Optimization of H5 Pages on TV Devices: Challenges, Solutions, and Results
Ximalaya Technology Team
Ximalaya Technology Team
Dec 21, 2023 · Frontend Development

SSR and SEO Optimization Practices for Next.js 13 with Tailwind CSS

The guide shows how to use Next.js 13’s server‑side rendering with TypeScript and Tailwind CSS to generate fully rendered HTML for better SEO, recommending direct output of key content, native anchor tags for navigation, proper TDK, robots.txt, sitemap.xml, async components, CDN asset prefixes, optimized Tailwind utilities, and careful image handling.

Next.jsSSRTailwind CSS
0 likes · 13 min read
SSR and SEO Optimization Practices for Next.js 13 with Tailwind CSS
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 27, 2023 · Frontend Development

Is Pinia/Vuex Really Necessary? A Critical Look at State Management in Vue 3

This article examines whether Pinia or Vuex is required for Vue 3 projects by comparing their features, discussing scenarios such as shared state, devtools, hot‑module replacement, TypeScript support, SSR, and offering simple native alternatives with code examples.

PiniaSSRTypeScript
0 likes · 10 min read
Is Pinia/Vuex Really Necessary? A Critical Look at State Management in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 24, 2023 · Frontend Development

Isomorphic Rendering with Vue 3: Concepts, Implementation, and Common Pitfalls

This article explains the fundamentals of client‑side rendering (CSR), server‑side rendering (SSR), and isomorphic rendering, demonstrates a minimal Vue 3 isomorphic example with code snippets, discusses dehydration/hydration, and shares practical tips and pitfalls for building production‑grade SSR applications.

CSRIsomorphic RenderingSSR
0 likes · 24 min read
Isomorphic Rendering with Vue 3: Concepts, Implementation, and Common Pitfalls
Tencent Cloud Developer
Tencent Cloud Developer
Jul 13, 2023 · Frontend Development

Sogou Baike Mobile Front‑End System Upgrade: Architecture, Process, and Performance Optimization

The Sogou Baike mobile front‑end upgrade consolidated three fragmented projects into a single repository, introduced React‑SSR with routing and Redux, streamlined CI/CD, trimmed SSR payloads, lazy‑loaded assets and cut first‑screen requests, resulting in a 24% faster load, 35% bandwidth reduction, 11% CTR rise and a modern, cross‑stack foundation.

ReactSSRWeb Development
0 likes · 16 min read
Sogou Baike Mobile Front‑End System Upgrade: Architecture, Process, and Performance Optimization
Ctrip Technology
Ctrip Technology
Jul 13, 2023 · Frontend Development

Streaming Rendering with React 18: Next.js, Remix, and Custom SSR Implementations

This article explains the concept of streaming (incremental) rendering introduced in React 18, demonstrates how to apply it in Next.js and Remix using server components and Suspense, and walks through a custom SSR setup that leverages renderToPipeableStream and the upcoming use hook for seamless data fetching.

Next.jsReactRemix
0 likes · 34 min read
Streaming Rendering with React 18: Next.js, Remix, and Custom SSR Implementations
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 10, 2023 · Frontend Development

The Evolution and Competitive Trends of Next‑Generation Frontend Frameworks

This article analyses how modern frontend view frameworks such as Solid, Svelte, Qwik, React, Vue and Angular are converging on a solidified programming paradigm while competing through fine‑grained rendering, reactive data, developer tooling, compilation strategies and the push to reduce JavaScript for better first‑page performance.

FrameworksReactivityRendering
0 likes · 14 min read
The Evolution and Competitive Trends of Next‑Generation Frontend Frameworks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 7, 2023 · Frontend Development

Evolution of Frontend Rendering Modes: CSR, SSR, SSG, ISG, Progressive Hydration and Islands Architecture

This article traces a decade of front‑end rendering evolution, explaining traditional server‑side rendering, the rise of client‑side frameworks, modern hybrid approaches such as SSR, SSG, ISG, progressive and selective hydration, streaming SSR, islands architecture and React Server Components, while highlighting their trade‑offs and use‑cases.

CSRHydrationReact
0 likes · 14 min read
Evolution of Frontend Rendering Modes: CSR, SSR, SSG, ISG, Progressive Hydration and Islands Architecture