Angular SSR just small parts

You don't need to rewrite your entire Angular site or activate SSR completely just to improve SEO with <title>, <meta> and <og>. Angular itself already offers a very practical solution called “prerendering”, which basically generates static HTML files for each route of your site during the build. This way, each page is ready with the correct tags, and you can serve everything normally through nginx, without needing Node.js running on the server.

To do this, just run a command to add SSR/prerendering support (ng add @angular/ssr), list the routes you want to generate as static and, in the components of each page, use Angular's Title and Meta services to define the titles and meta tags. Then, just run the build and the prerendering command, and that's it: each route will have its static HTML with the correct tags for SEO.

In the end, you don't need to change your front-end logic, mess with localStorage or language routes, or rewrite anything major. You just need to configure prerendering and make sure the tags are correct in each component. If you want, I can show you an example of a configuration or script for the dynamic page!

For exemple:

import { Component } from '@angular/core';
import { Title, Meta } from '@angular/platform-browser';

@Component({
  selector: 'app-about',
  template: `<h1>About Us</h1>`
})
export class AboutComponent {
  constructor(title: Title, meta: Meta) {
    title.setTitle('About Us - My Website');
    meta.addTags([
      { name: 'description', content: 'Description of the About Us page' },
      { property: 'og:title', content: 'About Us - My Website' }
    ]);
  }
}