diff --git a/web/next.config.mjs b/web/next.config.mjs
index 781cc7e..8f767b0 100644
--- a/web/next.config.mjs
+++ b/web/next.config.mjs
@@ -1,6 +1,22 @@
 /* esline-env node */
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-};
+let nextConfig = {};
+
+if (process.env.NODE_ENV === 'production') {
+    nextConfig = {
+        output: 'export',
+        basePath: '/replay',
+        assetPrefix: '/replay',
+        env: {
+            NEXT_PUBLIC_BASE_PATH: '/replay',
+        },   
+    };
+} else {
+    nextConfig = {
+        env: {
+            NEXT_PUBLIC_BASE_PATH: ''
+        }
+    };
+}
 
 export default nextConfig;
diff --git a/web/src/app/[sim_id]/page.tsx b/web/src/app/[sim_id]/page.tsx
deleted file mode 100644
index 9cccc20..0000000
--- a/web/src/app/[sim_id]/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import RenderLevel from '@/components/RenderLevel';
-
-export default async function Page({ params }: { params: { sim_id: string } }) {
- //const data = await getData(params.sim_id);
-
-  return (
-    <RenderLevel simId={params.sim_id}/>
-  );
-}
diff --git a/web/src/app/api/simulations/[id]/route.ts b/web/src/app/api/simulations/[id]/route.ts
index 6074e8d..4ebe4fa 100644
--- a/web/src/app/api/simulations/[id]/route.ts
+++ b/web/src/app/api/simulations/[id]/route.ts
@@ -52,12 +52,21 @@ function sortSteps(a: any, b: any) {
   return a.step - b.step;
 }
 
+// Return a list of `params` to populate the [slug] dynamic segment
+export async function generateStaticParams() {
+  return [{id: 'skip'}];
+}
+
 export async function GET(
     request: NextRequest,
     { params }: { params: { id: string } }
   
     ) {
         const id = params.id;
+        if (id === 'skip'){
+          return Response.json([]);
+        }
+        
         const fromIndex = Number(request.nextUrl.searchParams.get('fromIndex')) || 0;
 
         const [totalSteps, allSteps] = await getStepsFromRedis(id, fromIndex);
diff --git a/web/src/components/AgentSprite.tsx b/web/src/components/AgentSprite.tsx
index 0420aa6..df1d931 100644
--- a/web/src/components/AgentSprite.tsx
+++ b/web/src/components/AgentSprite.tsx
@@ -1,21 +1,20 @@
 import React from "react";
-import Image from "next/image";
 import styles from './Agent.module.css';
 
 const AgentSprite: React.FC<{ agentName: string, isTalking: boolean, isThinking: boolean }> = ({ agentName, isTalking, isThinking }) => {
     return (
         <div className={styles.agent}>
             <div>
-                <Image 
-                    src="/images/icons/ChatCircleDots-R.png" 
+                <img 
+                    src={`${process.env.NEXT_PUBLIC_BASE_PATH}/images/icons/ChatCircleDots-R.png`} 
                     alt="Talking" 
                     className={`${styles.leftChatIcon} ${isTalking ? '' : styles.hidden}`}
                     width={32}
                     height={32}
                 />
                 {isThinking && (
-                    <Image 
-                        src="/images/icons/lightbulb.gif" 
+                    <img 
+                        src={`${process.env.NEXT_PUBLIC_BASE_PATH}/images/icons/lightbulb.gif` }
                         alt="Thinking" 
                         className={styles.thoughtBubbleIcon}
                         width={16}
@@ -23,8 +22,8 @@ const AgentSprite: React.FC<{ agentName: string, isTalking: boolean, isThinking:
                     />
                 )}
             </div>
-            <Image 
-                src={`/images/characters/${agentName}.png`} 
+            <img
+                src={`${process.env.NEXT_PUBLIC_BASE_PATH}/images/characters/${agentName}.png`} 
                 alt={agentName} 
                 width={32}
                 height={32}
diff --git a/web/src/components/RenderLevel.tsx b/web/src/components/RenderLevel.tsx
index a81d393..cb7081d 100644
--- a/web/src/components/RenderLevel.tsx
+++ b/web/src/components/RenderLevel.tsx
@@ -55,7 +55,8 @@ const RenderLevel: React.FC<{simId: string}> = ({ simId }) => {
             }
         };
 
-        const interval = setInterval(fetchData, 6000);
+        fetchData();
+        const interval = setInterval(fetchData, 12000);
 
         return () => {
             isMounted = false;
@@ -104,7 +105,7 @@ const RenderLevel: React.FC<{simId: string}> = ({ simId }) => {
             <div className={styles.gameContainer}>
 
                 <Camera followAgent={followAgent} setFollowAgent={setFollowAgent}>
-                    <img src="/images/maps/Large.png" alt="Default Map" />
+                    <img src={process.env.NEXT_PUBLIC_BASE_PATH +"/images/maps/Large.png"} alt="Default Map" />
                     <>
                         {renderAgents()}
                     </>