fixed (maybe)

src/app/page.tsx

@@ -1,9 +1,27 @@
 "use client"
 
-import { redirect } from "next/navigation"
+import { useEffect, useState } from "react"
 import { v4 as uuidv4 } from "uuid"
 
+const key = "VideoChain-UI-Owner-ID"
+
 export default function Index() {
-  const uuid = uuidv4()
-  redirect(`/studio/${uuid}`)
+  const [uuid, setUuid] = useState<string>()
+
+  useEffect(() => {
+    if (uuid) {
+      window.location.href = `/studio/${uuid}`
+    } else {
+      const existingUuid = `${localStorage.getItem(key)} || ""`
+      if (existingUuid?.length > 10) {
+        setUuid(existingUuid)
+      } else {
+        const newUuid = uuidv4()
+        setUuid(newUuid)
+        localStorage.setItem(key, newUuid)
+      }
+    }
+  }, [uuid])
+ 
+  return <div>Loading..</div>
 }

src/server/actions.ts

@@ -3,6 +3,10 @@
 import { revalidatePath } from "next/cache"
 import { createNewVideo } from "."
 
+export async function isAdmin(adminSecret: string) {
+  return adminSecret === process.env.ADMIN_SECRET
+}
+
 export async function handleFormSubmit(formData: FormData) {
   const ownerId = `${formData.get("ownerId") || ""}`
   await createNewVideo(ownerId, {

src/server/index.ts

@@ -6,6 +6,7 @@ import { Video, VideoAPIRequest, GenericAPIResponse, VideoStatusRequest, VideoSt
 
 import { GET, POST, DELETE, PATCH } from "./base"
 
+
 // note: for security purposes we do not directly expose the VideoChain API:
 // all calls are protected with a token, that way it the VideooChain API can stay
 // lightweight, security and quotas are handled outside