fix(app): fix env files not loading

next.config.js

@@ -0,0 +1,21 @@
+const path = require('path');
+const Dotenv = require('dotenv-webpack');
+
+const next_config = {
+  webpack: (config) => {
+    config.plugins = config.plugins || [];
+
+    config.plugins = [
+      ...config.plugins,
+      // Read the .env file
+      new Dotenv({
+        path: path.join(__dirname, '.env'),
+        systemvars: true
+      })
+    ];
+
+    return config;
+  }
+};
+
+module.exports = { ...next_config };

shared/components/footer/footer.component.tsx

@@ -2,6 +2,8 @@ import React, { FunctionComponent } from 'react';
 
 import styles from './footer.module.scss';
 
+const pjson = require('../../../package.json');
+
 const Footer: FunctionComponent = () => {
   const year = new Date().getFullYear();
   return (
@@ -15,7 +17,7 @@ const Footer: FunctionComponent = () => {
         >
           TechHive.IO
         </a>
-        {' ' + year}
+        {' ' + year} - Version {pjson.version}
       </span>
     </footer>
   );