Added static build script & updated jobs pages to use api route instead of prisma locally.

Author: digitalnomad91

package.json

@@ -6,6 +6,7 @@
     "// -- CORE DEVELOPMENT COMMANDS --": "",
     "dev": "next dev --turbopack",
     "build": "next build",
+    "build:static": "next build && next export",
     "start": "next start",
     "lint": "next lint",
     "// -- LOCAL DATABASE & PRISMA --": "",
@@ -42,7 +43,7 @@
     "framer-motion": "^12.23.5",
     "gsap": "^3.13.0",
     "motion": "^12.18.1",
-    "next": "^15.4.4",
+    "next": "^15.4.4vf",
     "next-nprogress-bar": "^2.4.7",
     "next-transition-router": "^0.2.11",
     "prisma-dbml-generator": "^0.12.0",

src/app/jobs/[id]/page.tsx

@@ -1,19 +1,9 @@
+
 import React from 'react'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
-import prisma from '@/lib/db'
-import { Prisma } from '@prisma/client'
 import JobDetails from '@/components/jobs/JobDetails'
 
-// Type for job with relations
-type JobWithRelations = Prisma.JobGetPayload<{
-  include: {
-    company: true
-    tags: { include: { tag: true } }
-    metadata: true
-  }
-}>
-
 interface JobPageProps {
   params: Promise<{ id: string }>
 }
@@ -26,21 +16,16 @@ export default async function JobPage({ params }: JobPageProps) {
     notFound()
   }
 
-  const job = (await prisma.job.findUnique({
-    where: { id: jobId },
-    include: {
-      company: true,
-      tags: { include: { tag: true } },
-      metadata: true,
-    },
-  })) as JobWithRelations | null
-
+  // Fetch job from external API
+  const res = await fetch(`https://api.codebuilder.org/jobs/${jobId}`)
+  if (!res.ok) {
+    notFound()
+  }
+  const job = await res.json()
   if (!job) {
     notFound()
   }
 
-  await prisma.$disconnect()
-
   return (
     <div className="flex flex-col inset-0 z-50 bg-primary transition-transform">
       <section className={`bg-gray-100 py-4 md:py-6`}>
@@ -62,7 +47,6 @@ export default async function JobPage({ params }: JobPageProps) {
     </div>
   )
 }
-
 // Generate metadata for SEO
 export async function generateMetadata({ params }: JobPageProps) {
   const { id } = await params
@@ -74,15 +58,14 @@ export async function generateMetadata({ params }: JobPageProps) {
     }
   }
 
-  const job = await prisma.job.findUnique({
-    where: { id: jobId },
-    select: {
-      title: true,
-      company: { select: { name: true } },
-      description: true,
-    },
-  })
-
+  // Fetch job from external API
+  const res = await fetch(`https://api.codebuilder.org/jobs/${jobId}`)
+  if (!res.ok) {
+    return {
+      title: 'Job Not Found',
+    }
+  }
+  const job = await res.json()
   if (!job) {
     return {
       title: 'Job Not Found',

src/app/jobs/page.tsx

@@ -1,36 +1,21 @@
 import React from 'react'
 import JobsTable from '@/components/jobs/JobsTable'
 import VideoPlayer from '../../components/video-player'
-import prisma from '@/lib/db'
-import { Prisma } from '@prisma/client'
 
-// Type for jobs with relations
-type JobWithRelations = Prisma.JobGetPayload<{
-  include: {
-    company: true
-    tags: { include: { tag: true } }
-    metadata: true
-  }
-}>
 
 export default async function Home(props: { searchParams: Promise<{ page?: string }> }) {
   const searchParams = await props.searchParams
   const postsPerPage = 10
   const currentPage = parseInt(searchParams.page || '1', 10)
 
-  const totalJobs = await prisma.job.count()
-  const jobs = (await prisma.job.findMany({
-    skip: (currentPage - 1) * postsPerPage,
-    take: postsPerPage,
-    orderBy: { postedAt: 'desc' },
-    include: {
-      company: true,
-      tags: { include: { tag: true } },
-      metadata: true,
-    },
-  })) as JobWithRelations[]
-
-  await prisma.$disconnect()
+  // Fetch jobs from external API
+  const res = await fetch(`https://api.codebuilder.org/jobs?page=${currentPage}&limit=${postsPerPage}`)
+  if (!res.ok) {
+    throw new Error('Failed to fetch jobs from external API')
+  }
+  const data = await res.json()
+  const jobs = data.jobs || []
+  const totalJobs = data.total || 0
 
   return (
     <div className="flex flex-col inset-0 z-50 bg-primary transition-transform">