Added jobs api endpoint, details page + components.

Author: digitalnomad91

ecosystem.config.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+  apps: [{
+    name: 'codebuilder-frontend',
+    script: 'dist/main.js',
+    env: {
+      PORT: 3000,
+      NODE_ENV: 'production',
+    },
+  }],
+};

src/app/api/jobs/fetch/route.ts

@@ -0,0 +1,45 @@
+import { NextResponse } from 'next/server'
+import { fetchRedditPosts, storeRedditJobPosts } from '@/lib/jobs/reddit'
+import { fetchWeb3CareerJobs, storeWeb3CareerJobs } from '@/lib/jobs/web3career'
+import prisma from '@/lib/db'
+import { logger } from '@/lib/logger'
+
+// Subreddits to scan for jobs
+const SUBREDDITS = [
+  'forhire',
+  'jobs4bitcoins',
+  'freelance',
+  'remotejs',
+  'jobs4dogecoins',
+  'jobs4crypto',
+]
+
+export async function GET() {
+  logger.info('Starting the job fetch route...')
+  try {
+    // Fetch posts from Reddit
+    logger.info('Fetching Reddit posts...')
+    const redditPosts = await fetchRedditPosts(SUBREDDITS)
+    logger.info(`Fetched ${redditPosts.length} posts. Filtering for "[Hiring]" in title...`)
+    const hiringPosts = redditPosts.filter((post) => post.title.includes('[Hiring]'))
+    logger.info(`Filtered down to ${hiringPosts.length} [Hiring] posts. Storing to database...`)
+    await storeRedditJobPosts(hiringPosts)
+    logger.info('Reddit jobs stored successfully.')
+
+    // Fetch posts from Web3Career
+    logger.info('Fetching Web3Career jobs...')
+    const web3Jobs = await fetchWeb3CareerJobs()
+    logger.info(`Fetched ${web3Jobs.length} Web3Career jobs. Storing to database...`)
+    await storeWeb3CareerJobs(web3Jobs)
+    logger.info('Web3Career jobs stored successfully.')
+
+    logger.info('All jobs fetched and stored successfully.')
+    return NextResponse.json({ message: 'All jobs fetched and stored successfully.' })
+  } catch (error) {
+    logger.error('Failed to fetch or store jobs in the jobs/fetch route.', error)
+    return NextResponse.json({ error: 'An error occurred while fetching jobs.' }, { status: 500 })
+  } finally {
+    logger.info('Disconnecting Prisma client...')
+    await prisma.$disconnect()
+  }
+}

src/app/api/jobs/route.ts

@@ -0,0 +1,41 @@
+import { NextRequest, NextResponse } from 'next/server'
+import prisma from '@/lib/db'
+import { withLogging } from '@/lib/logger'
+
+/**
+ * Returns a paginated list of all jobs from all sources,
+ * including company, tags, and metadata relations.
+ * Query params: ?page=1&pageSize=10
+ */
+export const GET = withLogging(async (request: NextRequest) => {
+  try {
+    const { searchParams } = new URL(request.url)
+    const page = parseInt(searchParams.get('page') || '1', 10)
+    const pageSize = parseInt(searchParams.get('pageSize') || '10', 10)
+    const skip = (page - 1) * pageSize
+
+    // Fetch jobs, newest first, including company, tags, and metadata
+    const jobs = await prisma.job.findMany({
+      orderBy: { createdAt: 'desc' },
+      skip,
+      take: pageSize,
+      include: {
+        company: true,
+        tags: { include: { tag: true } },
+        metadata: true,
+        sources: true,
+      },
+    })
+
+    const totalCount = await prisma.job.count()
+
+    return NextResponse.json({
+      data: jobs,
+      page,
+      pageSize,
+      totalCount,
+    })
+  } catch (error) {
+    return NextResponse.json({ error: (error as Error).message }, { status: 500 })
+  }
+})

src/app/jobs/[id]/not-found.tsx

@@ -0,0 +1,36 @@
+import Link from 'next/link'
+
+export default function JobNotFound() {
+  return (
+    <div className="min-h-screen bg-gray-50 flex items-center justify-center">
+      <div className="text-center">
+        <div className="mb-8">
+          <h1 className="text-6xl font-bold text-gray-400 mb-4">404</h1>
+          <h2 className="text-2xl font-semibold text-gray-700 mb-2">Job Not Found</h2>
+          <p className="text-gray-600">
+            The job you're looking for doesn't exist or has been removed.
+          </p>
+        </div>
+        
+        <div className="space-y-4">
+          <Link
+            href="/jobs"
+            className="inline-block px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors duration-200"
+          >
+            View All Jobs
+          </Link>
+          
+          <div className="text-sm text-gray-500">
+            <p>or</p>
+            <Link 
+              href="/"
+              className="text-blue-600 hover:text-blue-800 underline"
+            >
+              Go to Homepage
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

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

@@ -0,0 +1,108 @@
+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
+    sources: true
+  }
+}>
+
+interface JobPageProps {
+  params: Promise<{ id: string }>
+}
+
+export default async function JobPage({ params }: JobPageProps) {
+  const { id } = await params
+  const jobId = parseInt(id, 10)
+
+  if (isNaN(jobId)) {
+    notFound()
+  }
+
+  const job = (await prisma.job.findUnique({
+    where: { id: jobId },
+    include: {
+      company: true,
+      tags: { include: { tag: true } },
+      metadata: true,
+      sources: true,
+    },
+  })) as JobWithRelations | null
+
+  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`}>
+        <div className="container mx-auto py-16 px-8 md:px-20 lg:px-32">
+          {/* Navigation */}
+          <nav className="mb-6">
+            <Link
+              href="/jobs"
+              className="text-blue-600 hover:text-blue-800 transition-colors duration-200"
+            >
+              ← Back to Jobs
+            </Link>
+          </nav>
+
+          {/* Job Details */}
+          <JobDetails job={job} />
+        </div>
+      </section>
+    </div>
+  )
+}
+
+// Generate metadata for SEO
+export async function generateMetadata({ params }: JobPageProps) {
+  const { id } = await params
+  const jobId = parseInt(id, 10)
+
+  if (isNaN(jobId)) {
+    return {
+      title: 'Job Not Found',
+    }
+  }
+
+  const job = await prisma.job.findUnique({
+    where: { id: jobId },
+    select: {
+      title: true,
+      company: { select: { name: true } },
+      description: true,
+    },
+  })
+
+  if (!job) {
+    return {
+      title: 'Job Not Found',
+    }
+  }
+
+  const companyName = job.company?.name || 'Unknown Company'
+  const title = `${job.title} - ${companyName}`
+  const description =
+    job.description?.substring(0, 160) || `${job.title} job opportunity at ${companyName}`
+
+  return {
+    title,
+    description,
+    openGraph: {
+      title,
+      description,
+      type: 'website',
+    },
+  }
+}