CareersHub

A customizable careers page builder for companies. Built for a startup's tech round then they ghosted so the project lives here now. Fork it, break it, do whatever.

CareersHub.1.mp4

Setup

npm install

Create .env.local:

NEXT_PUBLIC_SUPABASE_URL=your_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_key

Run:

npm run dev       # development
npm run build     # production build

User Guide

1. Login at /login
2. Create company → pick slug (e.g. "sbdh11")
3. Add sections (About, Values, Benefits)
4. Add jobs with title, location, type
5. Toggle "Published" → live at /sbdh11/careers

Features

• Proper dashboard : Dashboard with clean ui and multiple sections to chose from
• Job Board: Public careers pages with customizable branding
• Job Filtering: Search by title, filter by location and job type
• Pagination: Automatic pagination for large job lists (12 jobs per page)
• Responsive Design: Mobile-friendly interface
• Theme support: Theme support with next-themes
• Lazy Loading: Optimized job card rendering

Project Structure

app/
├── dashboard/          # Company management
├── [company-slug]/     # Company pages (edit, careers, info)
└── login/              # Auth

components/
├── layout/             # DashboardShell, Navbar, Sidebar
├── careers/            # JobCard, JobFilters, CompanyHeader, JobsList, LazyJobCard
├── providers/          # ThemeProvider
└── ui/                 # shadcn components (Button, Card, Pagination, etc.)

lib/
├── supabase-client.ts  # Client-side Supabase
├── supabase-server.ts  # Server-side Supabase
├── types.ts            # Shared types
└── utils.ts            # Helpers

proxy.ts                # Auth middleware for route protection

Improvements you can implement

• Job editing UI
• Apply button functionality
• Image upload (currently URL paste)
• Job analytics

Troubleshooting

"Company not found" → Check published = true in DB Changes not showing → Hard refresh, check saved Jobs missing → Check job published = true