deploy to netlify

Author: yujonglee

.github/workflows/web_cd.yaml

@@ -15,5 +15,5 @@ jobs:
       - run: pnpm -F @hypr/web run build
       - run: pnpm -F @hypr/web run deploy
         env:
-          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}

.gitignore

@@ -15,3 +15,6 @@ restate-data
 internal
 .turbo
 CLAUDE.md
+
+# Local Netlify folder
+.netlify

apps/web/.gitignore

@@ -8,5 +8,5 @@ dist-ssr
 .tanstack
 .output
 .vinxi
-.wrangler
 .content-collections
+.netlify

apps/web/Taskfile.yaml

@@ -4,7 +4,7 @@ tasks:
   deploy:
     dir: .
     cmds:
-      - npx wrangler deploy
+      - netlify deploy --prod
 
   env-sample:
     dir: .
@@ -16,7 +16,7 @@ tasks:
     cmds:
       - |
           grep -v '^#' ./.env.prod | grep '=' | while IFS='=' read -r key value; do
-            echo "$value" | npx wrangler secret put "$key" --config ./wrangler.json
+            netlify env:set "$key" "$value" --context production --secret
           done
 
   supabase:

apps/web/netlify.toml

@@ -0,0 +1,6 @@
+[build]
+command = "pnpm -F @hypr/web build"
+publish = "dist/client"
+
+[build.environment]
+NODE_VERSION = "22"

apps/web/package.json

@@ -6,32 +6,32 @@
     "dev": "env-cmd -f ./.env -- vite dev --port 3000",
     "build": "vite build",
     "serve": "vite preview",
-    "deploy": "wrangler deploy",
+    "deploy": "npx netlify deploy --prod",
     "typecheck": "pnpm -F @hypr/web build && (cd supabase/functions/llm && deno check index.ts) && (cd supabase/functions/stripe && deno check index.ts) && tsc --noEmit"
   },
   "dependencies": {
-    "@cloudflare/vite-plugin": "^1.13.17",
     "@hypr/ui": "workspace:*",
     "@hypr/utils": "workspace:*",
-    "@iconify-icon/react": "^3.0.2",
-    "@mux/mux-player-react": "^3.7.0",
-    "@nangohq/frontend": "^0.69.5",
-    "@nangohq/node": "^0.69.5",
+    "@iconify-icon/react": "^3.0.3",
+    "@mux/mux-player-react": "^3.8.0",
+    "@nangohq/frontend": "^0.69.7",
+    "@nangohq/node": "^0.69.7",
+    "@netlify/vite-plugin-tanstack-start": "^1.1.8",
     "@sentry/tanstackstart-react": "^10.22.0",
     "@stripe/stripe-js": "^8.2.0",
     "@supabase/ssr": "^0.7.0",
-    "@supabase/supabase-js": "^2.77.0",
+    "@supabase/supabase-js": "^2.78.0",
     "@t3-oss/env-core": "^0.13.8",
     "@tailwindcss/vite": "^4.1.16",
     "@tanstack/react-devtools": "^0.7.11",
     "@tanstack/react-form": "^1.23.8",
-    "@tanstack/react-query": "^5.90.5",
+    "@tanstack/react-query": "^5.90.6",
     "@tanstack/react-query-devtools": "^5.90.2",
-    "@tanstack/react-router": "^1.133.36",
-    "@tanstack/react-router-devtools": "^1.133.36",
-    "@tanstack/react-router-ssr-query": "^1.133.36",
-    "@tanstack/react-start": "^1.134.0",
-    "@tanstack/router-plugin": "^1.133.36",
+    "@tanstack/react-router": "^1.134.9",
+    "@tanstack/react-router-devtools": "^1.134.9",
+    "@tanstack/react-router-ssr-query": "^1.134.9",
+    "@tanstack/react-start": "^1.134.9",
+    "@tanstack/router-plugin": "^1.134.9",
     "drizzle-orm": "^0.44.7",
     "exa-js": "^1.10.2",
     "lucide-react": "^0.544.0",
@@ -58,10 +58,10 @@
     "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "^5.1.0",
     "env-cmd": "^11.0.0",
-    "jsdom": "^27.0.1",
+    "jsdom": "^27.1.0",
+    "netlify": "^23.9.5",
     "typescript": "^5.9.3",
     "vite": "^7.1.12",
-    "web-vitals": "^5.1.0",
-    "wrangler": "^4.45.2"
+    "web-vitals": "^5.1.0"
   }
 }

apps/web/vite.config.ts

@@ -1,33 +1,20 @@
+import contentCollections from "@content-collections/vite";
+import netlify from "@netlify/vite-plugin-tanstack-start";
 import tailwindcss from "@tailwindcss/vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteReact from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import viteTsConfigPaths from "vite-tsconfig-paths";
 
-import { cloudflare } from "@cloudflare/vite-plugin";
-import contentCollections from "@content-collections/vite";
-import { wrapVinxiConfigWithSentry } from "@sentry/tanstackstart-react";
-
-const config = defineConfig(({ mode }) => ({
+const config = defineConfig(() => ({
   plugins: [
-    // Only use Cloudflare plugin in production to avoid CSP issues in dev
-    ...(mode === "production" ? [cloudflare({ viteEnvironment: { name: "ssr" } })] : []),
+    netlify(),
     contentCollections(),
-    // this is the plugin that enables path aliases
-    viteTsConfigPaths({
-      projects: ["./tsconfig.json"],
-    }),
+    viteTsConfigPaths({ projects: ["./tsconfig.json"] }),
     tailwindcss(),
     tanstackStart(),
     viteReact(),
   ],
 }));
 
-export default wrapVinxiConfigWithSentry(config, {
-  org: process.env.VITE_SENTRY_ORG,
-  project: process.env.VITE_SENTRY_PROJECT,
-  authToken: process.env.SENTRY_AUTH_TOKEN,
-  // Only print logs for uploading source maps in CI
-  // Set to `true` to suppress logs
-  silent: !process.env.CI,
-});
+export default config;