diff --git a/app/app/entry.client.tsx b/app/app/entry.client.tsx
new file mode 100644
index 0000000..d6483c3
--- /dev/null
+++ b/app/app/entry.client.tsx
@@ -0,0 +1,4 @@
+import { hydrate } from 'react-dom'
+// import { RemixBrowser } from "remix";
+import { RemixBrowser } from '@remix-run/react'
+hydrate(, document)
diff --git a/app/app/entry.server.tsx b/app/app/entry.server.tsx
new file mode 100644
index 0000000..d2051de
--- /dev/null
+++ b/app/app/entry.server.tsx
@@ -0,0 +1,21 @@
+import { renderToString } from "react-dom/server";
+import { RemixServer } from "remix";
+import type { EntryContext } from "remix";
+
+export default function handleRequest(
+ request: Request,
+ responseStatusCode: number,
+ responseHeaders: Headers,
+ remixContext: EntryContext
+) {
+ let markup = renderToString(
+
+ );
+
+ responseHeaders.set("Content-Type", "text/html");
+
+ return new Response("" + markup, {
+ status: responseStatusCode,
+ headers: responseHeaders
+ });
+}
diff --git a/app/vercel.json b/app/vercel.json
new file mode 100644
index 0000000..debafb4
--- /dev/null
+++ b/app/vercel.json
@@ -0,0 +1,7 @@
+{
+ "build": {
+ "env": {
+ "ENABLE_FILE_SYSTEM_API": "1"
+ }
+ }
+}
\ No newline at end of file