diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index 5526b9d..5b645d5 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -1,5 +1,5 @@
 <div class="d-md-flex justify-content-between align-items-center">
-  <h1 class="h3"><img src="assets/redis-white.png" />{{title}}</h1>
+  <h1 class="h3"><img src="assets/redis-white.png" />{{title}} <span class="h6">{{version}}</span></h1>
   <nav>
       <ul class="nav">
           <li class="nav-item">
diff --git a/src/app/core/components/header/header.component.ts b/src/app/core/components/header/header.component.ts
index 98c7f37..c82feb7 100644
--- a/src/app/core/components/header/header.component.ts
+++ b/src/app/core/components/header/header.component.ts
@@ -1,4 +1,5 @@
 import { Component, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { environment } from '@app/../environments/environment';
 
 @Component({
   selector: 'tr-header',
@@ -19,6 +20,7 @@ import { Component, ChangeDetectorRef, AfterViewInit } from '@angular/core';
 })
 export class HeaderComponent implements AfterViewInit {
   title = 'Redis Patterns Console';
+  version = environment.version;
 
   constructor(private changeDetectorRef: ChangeDetectorRef) {}
 
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 99f89f1..211fd04 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -1,3 +1,5 @@
+import { version } from 'package.json';
+
 export const environment = {
   production: true,
   redisServer: '', // ADD HERE YOUR WS SERVER URL
@@ -12,5 +14,6 @@ export const environment = {
     path: 'acadevmy/redis-patterns-cookbook',
     json: 'patterns.json'
   },
-  cacheableHeaderKey: 'cacheable-request'
+  cacheableHeaderKey: 'cacheable-request',
+  version
 };
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index fe00646..5eb86c6 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -1,6 +1,8 @@
 // This file can be replaced during build by using the `fileReplacements` array.
 // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
 // The list of file replacements can be found in `angular.json`.
+
+import { version } from 'package.json';
 ​
 export const environment = {
   production: false,
@@ -16,7 +18,8 @@ export const environment = {
     path: 'acadevmy/redis-patterns-cookbook',
     json: 'patterns.json'
   },
-  cacheableHeaderKey: 'cacheable-request'
+  cacheableHeaderKey: 'cacheable-request',
+  version
 };
 ​
 /*
diff --git a/tsconfig.json b/tsconfig.json
index 6e14098..6272915 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,6 +10,7 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,
+    "resolveJsonModule": true,
     "target": "es2015",
     "typeRoots": [
       "node_modules/@types"