Feat/#965 add homepage (#16)

Author: ciaranschutte

.env

@@ -4,4 +4,4 @@
 #
 #
 
-NEXT_PUBLIC_TEST=RDPC
+NEXT_PUBLIC_ARGO_DOCS_URL_ROOT=https://docs.icgc-argo.org

README.md

@@ -36,3 +36,16 @@ To learn more about Next.js, take a look at the following resources:
 - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Uikit & Styling
+
+In using UIKit we are tied to using a CSS-in-JS paradigm of styling.
+Please prefer usage of the `css` prop and functions over the `styled` method.
+
+- it's easier to debug (less wrapping in the browser inspectors)
+- typechecking css property values is possible
+
+In an attempt to try and keep things clean and bug free, Emotion functions are used directly from UIKit.
+@emotion/react is only installed as a dependency in this project for types.
+
+react + react dom + emotion all versions needs to be in sync with @icgc-argo/uikit

global.d.ts

@@ -1,9 +1,14 @@
+import { ARGOThemeType } from '@icgc-argo/uikit';
+
 declare global {
-  namespace NodeJS {
-    interface ProcessEnv {
-      NEXT_PUBLIC_TEST: string;
-    }
-  }
+	namespace NodeJS {
+		interface ProcessEnv {
+			NEXT_PUBLIC_TEST: string;
+		}
+	}
+}
+declare module '@icgc-argo/uikit' {
+	interface ARGOTheme {}
 }
 
 export {};

next.config.js

@@ -18,6 +18,12 @@
  */
 
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+
+const nextConfig = {
+	reactStrictMode: true,
+	compiler: {
+		emotion: true,
+	},
+};
 
 module.exports = nextConfig;