Tag

Server-side Rendering

0 views collected around this technical thread.

php中文网 Courses
php中文网 Courses
Dec 9, 2024 · Backend Development

Server‑Side Rendering, Templates, and CFML: History, Use Cases, and Code Examples

The article explains the evolution of server‑side HTML generation from early static pages to modern templating with PHP and CFML, discusses when server‑side rendering remains advantageous, and provides concrete CFML code snippets for variables, output, conditionals, and loops.

CFMLPHPServer-side Rendering
0 likes · 9 min read
Server‑Side Rendering, Templates, and CFML: History, Use Cases, and Code Examples
php中文网 Courses
php中文网 Courses
Sep 14, 2024 · Frontend Development

Integrating PHP with Front-End Technologies: Bridging the Gap for Dynamic Web Applications

This article explains how PHP can be integrated with front‑end technologies such as server‑side rendering, client‑side rendering, AJAX, and APIs, outlines key concepts and tools, and provides a step‑by‑step tutorial for building a simple blog application using PHP and React.

AJAXAPIPHP
0 likes · 15 min read
Integrating PHP with Front-End Technologies: Bridging the Gap for Dynamic Web Applications
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 5, 2024 · Frontend Development

Building a Full‑Stack Todo List with Next.js, Prisma, and Server‑Side Rendering

This article explains how front‑end developers can expand into full‑stack development by using Next.js with server‑side rendering, Prisma ORM, and SQLite to create a functional Todo List application, covering installation, database schema, server actions, and client‑side form handling.

Next.jsNode.jsPrisma
0 likes · 13 min read
Building a Full‑Stack Todo List with Next.js, Prisma, and Server‑Side Rendering
Airbnb Technology Team
Airbnb Technology Team
Sep 22, 2023 · Backend Development

Improving Page Performance with HTTP Streaming: Airbnb’s Early Flush Implementation

Airbnb boosted page performance by implementing HTTP streaming with an early‑flush strategy that sends the head chunk first, allowing browsers to start loading CSS and JavaScript while the server fetches data, cutting First Contentful Paint by roughly 100 ms despite challenges like tag handling, buffering, and latency.

Early FlushHTTP StreamingNode.js
0 likes · 11 min read
Improving Page Performance with HTTP Streaming: Airbnb’s Early Flush Implementation
JD Tech
JD Tech
Jul 4, 2023 · Backend Development

Node.js Advantages, Disadvantages, Architecture, Front‑End Impact, and Future Trends

This article provides a comprehensive analysis of Node.js, covering its strengths such as asynchronous I/O and JavaScript unification, its weaknesses like CPU‑intensive performance limits, architectural benefits, front‑end influence, practical code examples, and predictions for its role in full‑stack development, cloud, serverless, IoT, AI, WebAssembly, and open‑source ecosystems.

JavaScriptNode.jsServer-side Rendering
0 likes · 18 min read
Node.js Advantages, Disadvantages, Architecture, Front‑End Impact, and Future Trends
DaTaobao Tech
DaTaobao Tech
Apr 17, 2023 · Frontend Development

Server‑Side Rendering (SSR) Optimization: Use Cases, Performance Gains, and Implementation

BBC found that each extra second of load time cuts users by 10%, so they adopted server‑side rendering to boost first‑screen performance on low‑end devices, accepting higher server load and longer white‑screen time, choosing the stable Rax solution over ICE 3.0, and emphasizing selective use, streaming HTML, and careful migration guidelines.

SSRServer-side Renderingfrontend
0 likes · 10 min read
Server‑Side Rendering (SSR) Optimization: Use Cases, Performance Gains, and Implementation
DaTaobao Tech
DaTaobao Tech
Jan 4, 2023 · Frontend Development

SSR Implementation in Rax for E-commerce Performance Optimization

The guide explains how to implement Server‑Side Rendering in a Rax‑based e‑commerce car platform, replacing client‑side rendering to fix white‑screen and performance issues by simulating the browser environment with jsdom, handling data requests, null API fields, and auto‑closing tag discrepancies, while outlining architecture, middleware, and future CSR‑SSR integration.

JavaScriptRax FrameworkSSR
0 likes · 10 min read
SSR Implementation in Rax for E-commerce Performance Optimization
ByteDance Web Infra
ByteDance Web Infra
Dec 16, 2022 · Frontend Development

Understanding React 18 Streaming SSR and Selective Hydration

React 18 introduces Streaming SSR, allowing the server to send HTML in chunks and perform selective hydration, which improves performance by rendering ready sections early and handling asynchronous components via Suspense, with detailed examples of code implementation, error handling, and JS/CSS integration.

ReactSelective HydrationServer-side Rendering
0 likes · 25 min read
Understanding React 18 Streaming SSR and Selective Hydration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 28, 2022 · Backend Development

Design and Implementation of the Service Backend Architecture for Editor, Component Platform, and C‑End Application

This article details the overall backend architecture, module relationships, RESTful API design, database schemas, authentication flow, activity creation process, JSON schema validation, component platform APIs, and server‑side rendering considerations for a Node.js‑based service supporting editors, components, and end‑user pages.

JWTMongoDBMySQL
0 likes · 22 min read
Design and Implementation of the Service Backend Architecture for Editor, Component Platform, and C‑End Application
Ctrip Technology
Ctrip Technology
Nov 21, 2022 · Frontend Development

Design and Implementation of Ctrip's New Homepage: Island Architecture, Component Development, and Data Configuration System

The article presents a comprehensive case study of Ctrip's 2022 PC homepage redesign, detailing the motivations, requirement analysis, island‑style architecture, cross‑team component development, server‑side rendering, public component challenges, and the dynamic data‑configuration platform that together enable fast, maintainable, and scalable web delivery.

Island ArchitectureNode.jsReact
0 likes · 22 min read
Design and Implementation of Ctrip's New Homepage: Island Architecture, Component Development, and Data Configuration System
Sohu Tech Products
Sohu Tech Products
Jun 22, 2022 · Frontend Development

Comprehensive Guide to React Server-Side Rendering (SSR) with Code Examples

This article provides an in‑depth tutorial on implementing server‑side rendering (SSR) for React applications, covering basic concepts, Koa server setup, ReactDOMServer APIs, routing with react‑router, Redux state hydration, CSS handling, performance optimizations, and modern SSR frameworks such as Next.js and Umi.

Node.jsReactRedux
0 likes · 30 min read
Comprehensive Guide to React Server-Side Rendering (SSR) with Code Examples
High Availability Architecture
High Availability Architecture
Apr 28, 2022 · Frontend Development

Baidu Live R&D's New SSR Strategy: Enabling Server‑Side Rendering for Web Applications with Minimal CSR Changes

This article explains how Baidu Live R&D introduced a lightweight server‑side rendering (SSR) solution that integrates into existing client‑side rendering (CSR) projects by adding a JavaScript compute function, detailing the architectural components, goals, implementation steps, development experience, risk mitigation, and future outlook.

FaaSSSRServer-side Rendering
0 likes · 10 min read
Baidu Live R&D's New SSR Strategy: Enabling Server‑Side Rendering for Web Applications with Minimal CSR Changes
IT Services Circle
IT Services Circle
Mar 1, 2022 · Frontend Development

Understanding Server-Side Rendering (SSR) in Vue: Principles and Implementation

This article explains the principles and implementation of server‑side rendering (SSR) in Vue, comparing CSR and SSR, detailing how Vue’s vue‑server‑renderer creates a bundle renderer, executes code via Node’s vm, traverses the virtual DOM to generate HTML strings, and relates SSR rendering to the generate phase of front‑end compilation.

SSRServer-side RenderingVue
0 likes · 7 min read
Understanding Server-Side Rendering (SSR) in Vue: Principles and Implementation
360 Tech Engineering
360 Tech Engineering
Feb 23, 2022 · Frontend Development

SSR Rendering Solution and Performance Optimization for the 360 Search Encyclopedia Mobile Project

This article details the motivation, technology selection, architecture design, and multi‑stage performance optimization of a server‑side rendering (SSR) solution built with Vue and Nuxt for the 360 Search Encyclopedia mobile project, covering challenges, experiments, deployment strategies, and final conclusions.

NuxtSSRServer-side Rendering
0 likes · 19 min read
SSR Rendering Solution and Performance Optimization for the 360 Search Encyclopedia Mobile Project
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Jan 6, 2021 · Frontend Development

Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop

This article outlines the design and implementation of a Vue‑powered visual editor, covering its three‑part architecture (editor, component library, backend), JSON schema hierarchy, component creation and configuration, state management with Vuex, drag‑and‑drop mechanics, and server‑side rendering.

Component LibraryDrag and DropJSON Schema
0 likes · 15 min read
Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop
Beike Product & Technology
Beike Product & Technology
Dec 24, 2020 · Frontend Development

React Server-Side Rendering (SSR): Principles, Implementation, and Demo

This article explains React server-side rendering (SSR), covering the differences between client-side rendering (CSR) and SSR, their advantages and disadvantages, and provides a step-by-step guide to implementing a simple SSR demo with React.

BabelCSRExpress
0 likes · 11 min read
React Server-Side Rendering (SSR): Principles, Implementation, and Demo
NetEase Media Technology Team
NetEase Media Technology Team
May 28, 2019 · Backend Development

Building High-Performance Node.js SSR Service: NetEase Open Course PC Migration Practice

The article describes how NetEase migrated its Open Course PC site from a legacy CMS to a high‑performance Node.js SSR architecture using Egg.js with TypeScript and Nuxt.js, detailing integration, caching, logging, error monitoring, middleware ordering, and achieving 338.6 TPS on a single 4‑core server.

Egg.jsNode.jsNuxt.js
0 likes · 16 min read
Building High-Performance Node.js SSR Service: NetEase Open Course PC Migration Practice
UC Tech Team
UC Tech Team
Sep 21, 2018 · Frontend Development

Building SEO‑Friendly React Applications with Next.js: A Step‑by‑Step Guide

This tutorial explains how to use Next.js to create server‑rendered React applications that improve SEO and reduce initial load time, covering environment setup, page‑based routing, dynamic routes with Express, data fetching, prefetching, and hydration techniques.

ExpressNext.jsReact
0 likes · 9 min read
Building SEO‑Friendly React Applications with Next.js: A Step‑by‑Step Guide
HomeTech
HomeTech
Sep 4, 2018 · Backend Development

Practical Architecture of Car Mall Red Packet System and Auto Home Double‑11 Main Venue

The session presented by senior architects Wang Song and Li Yan detailed the design, technology selection, and implementation of the Car Mall red‑packet system and the Auto Home Double‑11 main‑venue platform, focusing on high‑traffic handling, server‑side rendering, performance gains, and lessons learned from real‑world deployment.

BackendServer-side Renderinge-commerce
0 likes · 4 min read
Practical Architecture of Car Mall Red Packet System and Auto Home Double‑11 Main Venue