app.module.ts

import { ServerTransferStateModule } from '@angular/platform-server';

@NgModule({
  imports: [
    AppModule,
    ServerTransferStateModule,
    ServerModule,
  ],
  bootstrap: [
    AppComponent,
  ],
})
export class AppServerModule {
}

app.server.module.ts

import { TransferHttpCacheModule } from '@nguniversal/common'
import { BrowserTransferStateModule } from '@angular/platform-server';

@NgModule({
  imports: [
    BrowserModule.withServerTransition({appId: 'app-root'}),
    BrowserTransferStateModule,
    HttpClientModule,
    TransferHttpCacheModule,
  ],
  declarations: [
    AppComponent,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {
}

main.ts

document.addEventListener('DOMContentLoaded', () => {
  platformBrowserDynamic().bootstrapModule(AppModule);
});

TransferState-v5.ts

import { Component, PLATFORM_ID , Inject} from '@angular/core';
import { isPlatformServer } from '@angular/common'
import { TransferState , makeStateKey} from '@angular/platform-browser';
import { HttpClient } from '@angular/common/http'

interface CounterState {
  count: number;
}

const COUNTER_KEY = makeStateKey<CounterState>('my-counter');

@Component({
  selector: 'app-root',
  template: `
    {{counter | json}}
  `,
  styles: []
})
export class AppComponent {

  counter: CounterState;

  constructor(
    private transferState: TransferState,
    private http: HttpClient,
    @Inject(PLATFORM_ID) private platformId: any,
  ){}
  ngOnInit(){
    this.transferState.onSerialize(COUNTER_KEY, () => this.counter);
    this.counter = this.transferState.get(COUNTER_KEY, {count: 0});

    if(isPlatformServer(this.platformId)){ //isPlatformServer check is unneeded if you use `TransferHttpCacheModule`
      this.http.get('https://jsonplaceholder.typicode.com/posts/1')
        .subscribe(a => ++this.counter.count)      
    }
  }

}

Hi Toxicable,

Am using the angular universal cli 1.0.0-alpha.universal.3,

ServerTransferStateModule, BrowserTransferStateModule and BrowserModule.withServerTransition({appId: 'app-root'}), are not importing form node-modules
Issue: angular/angular-cli#8476
Versions:

"@angular/platform-browser": "2.2.3",
"@angular/platform-browser-dynamic": "2.2.3",
"@angular/platform-server": "^2.2.3",

Can you please help me for this

Hi Am getting error when using

import { TransferState, makeStateKey } from '@angular/platform-browser';