What is pre-SSR?

Server Side Render

Web pages are generated through server rendering and output to the client

SSR characteristics

It is well known that SSR is used to optimize SEO

SEO is Search Engine Optimization (Search Engine Optimization), it refers to through the site Optimization, such as: website structure adjustment, website content construction, website code Optimization and off-site Optimization methods, to carry out Search Engine Optimization.

Zero · How to achieve SSR?

Our code resources are divided into blocks, which are divided into client module and server module. Different files are packaged according to Webpack and rendered by the server side

I. Project structure

Ii. Implementation Overview

  • Add redux tests

  • The client gets the context data rendering

  • Project start, access non – home page, client request data processing

  • Add AXIOS cross-domain processing

  • Add the favicon. Ico

  • Add CSS support,isomorphic-style-loader isomorphic CSS support,document is undefined and other issues

  • 404, and 301 redirects processing

  • SSR -> CSR degradation

  • CSS Detail optimization

  • Higher-order components optimize CSS

  • Synchronous methods for handling higher-order functions

  • Puppeteer implementation SSR

  • The puppeteer cache