fix(api): deploy using next env

get6pm · Jun 8, 2024 · e556159 · e556159
1 parent 249aacd
commit e556159
Show file tree

Hide file tree

Showing 19 changed files with 583 additions and 9,435 deletions.
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1,2 @@
+public-hoist-pattern[]=*prisma*
+public-hoist-pattern[]=*clerk*
diff --git a/apps/api/api/index.ts b/apps/api/api/index.ts
diff --git a/apps/api/index.ts b/apps/api/index.ts
@@ -16,6 +16,6 @@ const app = new Hono({ strict: true })
   .route('/api/v1', appV1)
 
 export * from './v1/validation'
-export * from './prisma/generated/zod'
+// export * from './prisma/generated/zod'
 export { app }
 export type AppType = typeof app
diff --git a/apps/api/lib/prisma.ts b/apps/api/lib/prisma.ts
@@ -1,9 +1,11 @@
+// import { Pool } from '@neondatabase/serverless'
+// import { PrismaNeon } from '@prisma/adapter-neon'
 import { PrismaClient } from '@prisma/client'
 
-// biome-ignore lint/style/useConst: <explanation>
-let prisma: PrismaClient
+// const neon = new Pool({ connectionString: process.env.POSTGRES_PRISMA_URL })
+// const adapter = new PrismaNeon(neon)
 
-prisma = new PrismaClient()
+const prisma = new PrismaClient()
 
 // if (process.env.NODE_ENV === 'production') {
 //   prisma = new PrismaClient()

diff --git a/apps/api/next-env.d.ts b/apps/api/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/apps/api/next.config.js b/apps/api/next.config.js
@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig
diff --git a/apps/api/package.json b/apps/api/package.json
@@ -4,25 +4,36 @@
   "license": "GPL-3.0",
   "private": true,
   "scripts": {
-    "start": "vercel dev",
-    "deploy": "vercel",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
     "prisma:migrate": "prisma migrate dev",
     "prisma:generate": "prisma generate",
     "prisma:reset": "prisma migrate reset --force",
-    "prisma:studio": "prisma studio"
+    "prisma:studio": "prisma studio",
+    "postinstall": "prisma generate"
   },
   "dependencies": {
     "@clerk/backend": "^1.2.2",
     "@hono/clerk-auth": "^2.0.0",
+    "@hono/node-server": "^1.11.2",
     "@hono/zod-validator": "^0.2.2",
+    "@neondatabase/serverless": "^0.9.3",
+    "@prisma/adapter-neon": "^5.15.0",
     "@prisma/client": "^5.15.0",
     "dayjs": "^1.11.11",
-    "hono": "^4.4.3",
+    "hono": "^4.4.4",
+    "next": "^14.2.3",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "zod": "^3.23.8"
   },
   "devDependencies": {
+    "@types/node": "18.11.18",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "prisma": "^5.15.0",
-    "vercel": "^34.2.5",
+    "typescript": "^5.4.5",
     "zod-prisma-types": "^3.1.8"
   }
 }
diff --git a/apps/api/pages/_app.tsx b/apps/api/pages/_app.tsx
@@ -0,0 +1,5 @@
+import type { AppProps } from 'next/app'
+
+export default function App({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />
+}
diff --git a/apps/api/pages/_document.tsx b/apps/api/pages/_document.tsx
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+  return (
+    <Html lang='en'>
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}
diff --git a/apps/api/pages/api/[...route].ts b/apps/api/pages/api/[...route].ts
@@ -0,0 +1,11 @@
+import { handle } from '@hono/node-server/vercel'
+import type { PageConfig } from 'next'
+import { app } from '../..'
+
+export const config: PageConfig = {
+  api: {
+    bodyParser: false,
+  },
+}
+
+export default handle(app)
diff --git a/apps/api/pages/index.tsx b/apps/api/pages/index.tsx
@@ -0,0 +1,18 @@
+import { useEffect, useState } from 'react'
+
+export default function Home() {
+  const [message, setMessage] = useState()
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const res = await fetch('/api/hello')
+      const { message } = await res.json()
+      setMessage(message)
+    }
+    fetchData()
+  }, [])
+
+  if (!message) return <p>Loading...</p>
+
+  return <p>{message}</p>
+}