Skip to content

SSR service

This pattern is to solve the SEO problem of the Launch React or Vue in template


Use SSR Service


  1. When user visits the website, Python web server process the request
  2. If the template contains React / Vue component, send request to the Node.js process to get the HTML of the React / Vue component
  3. After that, the final HTML will be returned to the browser.
  4. The browser will run JS and attach the event hanlders to the existing DOM elements. This also called rehydration


  1. django-react-templatetags
  2. hypernova will run as a service, which generate HTML of the React / Vue component (server side rendering)

Pros and Cons


  1. It is very flexible and SEO-friendly.


  1. This architecture is not very popular, and there are not many learning resources.


Django React SSR Demo