Server-Side Rendering from zero to hero

This page summarizes the projects mentioned and recommended in the original post on dev.to
ReactJS Faster Web Performance UI Utilities Audit

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • issr

    The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.

    • A couple of years ago, while working on our Cleverbrush product, a friend of mine and I faced an SEO optimization problem. We created the website, which in theory, was supposed to sell our product, and it was a regular Single Page React Application, hasn't appeared in Google search results! In the course of several detailed analyses, the iSSR library was born, and our site finally appeared on the first page of Google search results. So let us work this out!

  • react-helmet-async

    Thread-safe Helmet for React 16+ and friends

    • An important aspect of SSR development is using correct HTML meta tags. They tell the search bot the key information on the page. To accomplish this task, I recommend you to use one of the modules: React-Helmet-Async React-Meta-Tags I have prepared some examples: React-Helmet-Async React-Meta-Tags

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • lighthouse

    Automated auditing, performance metrics, and best practices for the web.

    • Google bot SEO criteria include many metrics. Renders data, gets the first byte, etc. this is just a part of the metrics! When SEO optimization of the application, it is necessary to minimize image sizes, bundles, use HTML tags and HTML meta tags correctly, and so on. To check your site for SEO optimization, you can use: lighthouse sitechecker pagespeed

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Lessons from open-source: Use window.trustedTypes to prevent DOM XSS.

    2 projects | dev.to | 8 Apr 2024

  • help needed with lighthouse ci for angular, github actions, PROTOCOL_TIMEOUT: (Method: Debugger.disable)

    3 projects | /r/devops | 15 Oct 2023

  • Is Lighthouse a misleading performance tool?

    3 projects | dev.to | 7 Jul 2023

  • 7 Tricks to take the Performance of your Website to the Moon 🚀🌙

    2 projects | dev.to | 1 Apr 2023

  • When connecting to the PSI api via SF what is the level of simulated network throttling used?

    1 project | /r/bigseo | 30 Mar 2023