?

mattrax · May 24, 2024 · 44b4e6e · 44b4e6e
1 parent 0a91016
commit 44b4e6e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/apps/landing/app.config.ts b/apps/landing/app.config.ts
@@ -10,7 +10,7 @@ const waitlistEndpoint = new URL(
 ).toString();
 
 export default defineConfig({
-	ssr: false,
+	ssr: true,
 	server: {
 		prerender: {
 			crawlLinks: true,

diff --git a/apps/landing/src/entry-server.tsx b/apps/landing/src/entry-server.tsx
@@ -1,5 +1,6 @@
 // @refresh reload
 import { StartServer, createHandler } from "@solidjs/start/server";
+import { NoHydration } from "solid-js/web";
 
 export default createHandler(
 	() => (
@@ -16,7 +17,9 @@ export default createHandler(
 						{assets}
 					</head>
 					<body>
-						<div id="app">{children}</div>
+						<div id="app">
+							<NoHydration>{children}</NoHydration>
+						</div>
 						{scripts}
 					</body>
 				</html>

diff --git a/apps/landing/src/routes/index.tsx b/apps/landing/src/routes/index.tsx
@@ -21,6 +21,7 @@ import {
 import type { JSX } from "solid-js";
 import { z } from "zod";
 import DashboardImg from "../assets/dashboard.png";
+import { Hydration } from "solid-js/web";
 
 // TODO: Setup unplugin icons
 function PhLaptop(props: JSX.IntrinsicElements["svg"]) {
@@ -115,7 +116,9 @@ export default function Page() {
 						</p>
 
 						<div class="pt-4 flex justify-center">
-							<Waitlist />
+							<Hydration>
+								<Waitlist />
+							</Hydration>
 						</div>
 
 						<ul class="flex flex-col space-y-4 pt-4">