diff --git a/packages/unleash-frontend-next/src/component/nav.jsx b/packages/unleash-frontend-next/src/component/nav.jsx
index 24328ed1d8..2bbc5a5e3d 100644
--- a/packages/unleash-frontend-next/src/component/nav.jsx
+++ b/packages/unleash-frontend-next/src/component/nav.jsx
@@ -18,13 +18,17 @@ export default class UnleashNav extends Component {
{createListItem('/strategies', 'Strategies')}
{createListItem('/history', 'Event history')}
{createListItem('/archive', 'Archived toggles')}
+
+
+
+
{createListItem('/metrics', 'Client metrics')}
{createListItem('/client-strategies', 'Client strategies')}
+ {createListItem('/client-instances', 'Client instances')}
-
-
+
{createListItem('/docs', 'Documentation')}
diff --git a/packages/unleash-frontend-next/src/index.jsx b/packages/unleash-frontend-next/src/index.jsx
index 0f494d1fd0..84fb685f3e 100644
--- a/packages/unleash-frontend-next/src/index.jsx
+++ b/packages/unleash-frontend-next/src/index.jsx
@@ -17,6 +17,7 @@ import HistoryPage from './page/history';
import Archive from './page/archive';
import Metrics from './page/metrics';
import ClientStrategies from './page/client-strategies';
+import ClientInstances from './page/client-instances';
const unleashStore = createStore(
store,
@@ -39,6 +40,7 @@ ReactDOM.render(
+
, document.getElementById('app'));
diff --git a/packages/unleash-frontend-next/src/page/client-instances/index.js b/packages/unleash-frontend-next/src/page/client-instances/index.js
new file mode 100644
index 0000000000..604f719047
--- /dev/null
+++ b/packages/unleash-frontend-next/src/page/client-instances/index.js
@@ -0,0 +1,6 @@
+import React from 'react';
+import ClientStrategy from '../../component/client-strategy/strategy-container';
+
+const render = () => ;
+
+export default render;
diff --git a/packages/unleash-frontend-next/src/page/client-strategies/index.js b/packages/unleash-frontend-next/src/page/client-strategies/index.js
index 604f719047..1c5e66849c 100644
--- a/packages/unleash-frontend-next/src/page/client-strategies/index.js
+++ b/packages/unleash-frontend-next/src/page/client-strategies/index.js
@@ -1,6 +1,11 @@
import React from 'react';
import ClientStrategy from '../../component/client-strategy/strategy-container';
-const render = () => ;
+const render = () => (
+
+
Client Strategies
+
+
+);
export default render;