diff --git a/config.json b/config.json
index 1e3340a8..4c415423 100644
--- a/config.json
+++ b/config.json
@@ -24,6 +24,12 @@
       "public_url": "/"
     },
 
+    "next": {
+      "domain": "next.kbase.us",
+      "legacy": "legacy.next.kbase.us",
+      "public_url": "/"
+    },
+
     "production": {
       "domain": "narrative.kbase.us",
       "legacy": "legacy.narrative.kbase.us",
diff --git a/src/features/layout/TopBar.tsx b/src/features/layout/TopBar.tsx
index 251f2a0b..8bcf7a6c 100644
--- a/src/features/layout/TopBar.tsx
+++ b/src/features/layout/TopBar.tsx
@@ -288,6 +288,7 @@ const Enviroment: FC = () => {
     ci: faFlask,
     'ci-europa': faFlask,
     'narrative-dev': faWrench,
+    next: faWrench,
     unknown: faQuestionCircle,
   }[env];
   const txt = {
diff --git a/src/features/layout/layoutSlice.ts b/src/features/layout/layoutSlice.ts
index 068d1b67..a7358dd8 100644
--- a/src/features/layout/layoutSlice.ts
+++ b/src/features/layout/layoutSlice.ts
@@ -3,12 +3,13 @@ import { useEffect } from 'react';
 import { useAppDispatch } from '../../common/hooks';
 
 const environments = [
-  'unknown',
-  'production',
-  'ci',
   'appdev',
+  'ci',
   'ci-europa',
   'narrative-dev',
+  'next',
+  'production',
+  'unknown',
 ] as const;
 
 interface PageState {