React.js NestJS dynamic rendering - FAST MODULAR PROJECT

Sign In

Join us

Hi, the content you want to access is reserved for spartans.

Spartan

Access to all starters

Access to all modules

Slack where you can ask all your questions

Sponsor developers (70%) and FMP (30%)

Spartan is a subscription managed by Stripe (100% secure) that can be easily stopped whenever you want.

What is a Spartan?Why is it not free?

AWS Lambda prerendering to optimize your SEO and display og tags on social networks

18 hours of work saved

Web

Hi, if you want to improve the SEO of your application, you are at the right place.

The goal of the dynamic rendering is to improve considerably your SEO performance without any file structure transformation.
Set up a dynamic rendering on top of a web application if often a blurry process. That's why I created this module.

You can use this module to:

  • learn the process to adjust the rendering behavior of your app
  • follow all the instructions, step by step, to improve your SEO

In this module you will find:

  • Source code
  • Quickstart and Documentation
  • AWS Lambda functions source code
  • AWS Lambda Continuous integration with GitHub
  • My personnal contact if you have any question

How does Google index our pages ?

To index all your web pages, Google proceeds as follow:

Google schema

What happens when your react.js application is fetched by Google ?

  • Step 1 : Your home url is put in the "Crawler"
  • Step 2 : Google fetchs your html code
  • Step 3 : Google sees that your application is a React application with only javascript scripts in your html
  • Step 4 : Google sends your application in the "Render Queue" to render your javascript and understand what your home page is filled with
  • Step 5 : Wait until resource are available
  • Step 6 : Render your javascript
  • Step 7 : Put your generated html in the "Processing" step
  • Step 8 : Index your page

The purpose of dynamic rendering is to delete steps 4 / 5 / 6 / 7 / 8 and send directly a generated html to Google.

How to do that ? We need to check if the user fetching the home page is a bot or a normal user:

  • If it’s a user, we send the normal application
  • If it’s a bot, we pre-render the html.

Fetching data ...

Developer

Gabin

Fullstack developper @ Galadrim

Company

Galadrim

Details

Last update 30/04/2021

FAST
MODULAR
PROJECT

Fast Modular Project is a platform providing reusable codes that can easily fit with your projects.

© FMP - fast.modular.project@gmail.com

© 2021 Fast Modular Project - fast.modular.project@gmail.com