Http-вызовы выполняются дважды в угловом универсальном

если ваше условие проверено, оно выполняет запрос

if (isPlatformBrowser(this.platformId)) {
  return this.http.get(baseApi + '/blog/slug/' + blogId);
 } 

в противном случае он входит в else, за исключением того, что

const myData = this.http.get(baseApi + '/blog/slug/' + blogId);
  this.state.set(MY_DATA, myData);
  return myData;

всегда выполняется независимо от выполненного теста.

Как я уже сказал в своем комментарии, вы можете кэшировать данные только с передачей состояния. Из вашего кода похоже, что вы пытаетесь кэшировать наблюдаемое. И ваш первый if неверен, это означает, что вы всегда будете делать HTTP-вызов на стороне клиента

Чтобы избежать повторных вызовов, вы можете использовать что-то вроде приведенного ниже кода, который также предотвратит повторный вызов на стороне сервера.

//Check if cached version exists
const data = this.state.get(MY_DATA, null);
if (data) 
{
    return of(data); //data exists
}

//Data has not been cached yet. Make the call and store result

return this.http.get(baseApi + '/blog/slug/' + blogId)
.pipe(tap(res=> {this.state.set(MY_DATA, res);} );

Вы также можете использовать более TransferStateHttpCacheModule, который предоставляет общий перехватчик, который делает это для всех ваших запросов

устранили проблему, установив предварительную загрузку. Для людей, у которых возникла такая же проблема, вы можете выполнить следующее: нам нужно дождаться загрузки полного клиентского приложения и запуска или буферизации событий с использованием таких библиотек, как предварительная загрузка.

npm i preboot

добавьте код ниже при импорте app.module.ts

PrebootModule.withConfig({ appRoot: 'app-root' })

Также добавьте приведенный ниже код к своим провайдерам в app.module.ts, если это необходимо,

{
provide: APP_INITIALIZER,
  useFactory: function(document: HTMLDocument, platformId: Object): Function {
    return () => {
      if (isPlatformBrowser(platformId)) {
        const dom = ɵgetDOM();
        const styles: any[] = Array.prototype.slice.apply(dom.querySelectorAll(document, `style[ng-transition]`));
        styles.forEach(el => {
          // Remove ng-transition attribute to prevent Angular appInitializerFactory
          // to remove server styles before preboot complete
          el.removeAttribute('ng-transition');
        });
        document.addEventListener('PrebootComplete', () => {
          // After preboot complete, remove the server scripts
          setTimeout(() => styles.forEach(el => dom.remove(el)));
        });
      }
    };
  },
  deps: [DOCUMENT, PLATFORM_ID],
  multi: true  
}

И после их добавления для меня проблема мерцания была решена.

Обратитесь к официальной ссылке angular ssr для большей ясности: https://angular.io/guide/universal