deploy to vercel

packages/website/.gitignore

@@ -8,3 +8,4 @@ node_modules
 cypress/videos
 cypress/screenshots
 *.out.css
+/api

packages/website/package.json

@@ -7,7 +7,6 @@
     "test": "node ./scripts/test.js",
     "test-dev": "pnpm dev & wait-on http-get://localhost:3000 && cypress open",
     "build": "typedoc && pnpm tailwind -- --minify && remix build",
-    "start": "remix-serve build",
     "tailwind": "tailwindcss --config tailwind.config.cjs --input app/modules/ui/tailwind.css --output app/modules/ui/tailwind.out.css",
     "typecheck": "tsc --noEmit && tsc --project cypress/tsconfig.json --noEmit"
   },
@@ -17,8 +16,9 @@
     "@reach/rect": "^0.17.0",
     "@remix-run/node": "^1.6.5",
     "@remix-run/react": "^1.6.5",
-    "@remix-run/serve": "^1.6.5",
+    "@remix-run/vercel": "^1.7.2",
     "@tailwindcss/typography": "^0.5.4",
+    "@vercel/node": "^2.5.21",
     "clsx": "^1.2.1",
     "fast-glob": "^3.2.11",
     "gray-matter": "^4.0.3",
@@ -32,12 +32,11 @@
   },
   "devDependencies": {
     "@remix-run/dev": "^1.6.5",
-    "@remix-run/node": "^1.4.1",
+    "@remix-run/serve": "^1.6.5",
     "@testing-library/cypress": "^8.0.3",
     "@types/node": "*",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
-    "@types/tailwindcss": "^3.0.11",
     "@types/wait-on": "^5.3.1",
     "autoprefixer": "^10.4.7",
     "concurrently": "^7.3.0",

packages/website/remix.config.js

@@ -3,12 +3,14 @@
  * @type {import('@remix-run/dev/config').AppConfig}
  */
 module.exports = {
-  appDirectory: "app",
-  assetsBuildDirectory: "public/build",
-  publicPath: "/build/",
-  serverBuildDirectory: "build",
+  serverBuildTarget: "vercel",
+  server: process.env.NODE_ENV === "development" ? undefined : "./server.js",
   devServerPort: 8002,
-  ignoredRouteFiles: [".*"],
+  ignoredRouteFiles: ["**/.*"],
+  // appDirectory: "app",
+  // assetsBuildDirectory: "public/build",
+  // publicPath: "/build/",
+  // serverBuildDirectory: "build",
   mdx: async () => {
     const rehypePrism = await import("rehype-prism-plus")
     return {

packages/website/server.js

@@ -0,0 +1,4 @@
+import * as build from "@remix-run/dev/server-build"
+import { createRequestHandler } from "@remix-run/vercel"
+
+export default createRequestHandler({ build, mode: process.env.NODE_ENV })