Add to config.example.yml

config/config.example.yml

@@ -17,6 +17,13 @@ ui:
   # Trust X-FORWARDED-* headers from proxies (default = true)
   useProxies: true
 
+universal:
+  # Whether to inline "critical" styles into the server-side rendered HTML.
+  # Determining which styles are critical is a relatively expensive operation;
+  # this option can be disabled to boost server performance at the expense of
+  # loading smoothness.
+  inlineCriticalCss: true
+
 # The REST API server settings
 # NOTE: these settings define which (publicly available) REST API to use. They are usually
 # 'synced' with the 'dspace.server.url' setting in your backend's local.cfg.

server.ts

@@ -79,6 +79,8 @@ let anonymousCache: LRU<string, any>;
 // extend environment with app config for server
 extendEnvironmentWithAppConfig(environment, appConfig);
 
+console.log(`environment.universal.inlineCriticalCss = ${environment.universal.inlineCriticalCss}`); // todo: remove this
+
 // The Express app is exported so that it can be used by serverless Functions.
 export function app() {
 

src/config/universal-config.interface.ts

@@ -12,5 +12,5 @@ export interface UniversalConfig extends Config {
    * this option can be disabled to boost server performance at the expense of
    * loading smoothness.
    */
-  inlineCriticalCss?;
+  inlineCriticalCss?: boolean;
 }