Auto Workforces

The public website of an Ontario-licensed automotive recruitment agency: live job listings, employer enquiries, resume uploads and booked calls, all flowing into the agency's recruiting system.

Auto Workforces website cover: automotive recruitment that keeps Canada moving

Introduction

Auto Workforces places service technicians, mechanics, service advisors, auto body and dealership staff across Canada. The site has three jobs: win employer leads, collect candidate resumes and publish live openings.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Cal.com
  • Resend
  • Vercel
Visit live site

Highlights

  • Built the whole site: home, candidate and employer pages, six industry pages, a jobs board and a job-post form.
  • Pulled live openings from the agency's Recruitly account onto the site, refreshed every 30 minutes and marked up for Google for Jobs.
  • Sent every enquiry, resume and booking straight into Recruitly, with an email to the team as a backup so no lead is lost.
  • Kept the site inside Vercel's free tier by prebuilding pages and serving them from the CDN instead of rendering every visit.

How it is used

  • Employers send an enquiry from a short two-step pop-up, post a job, or book a call with the sales team.
  • Candidates browse open roles with search and city filters, apply on the job's own page, or upload a resume.
  • The booking dialog asks whether you are hiring or looking for work, then opens the right calendar already filled in.
  • One codebase serves two markets: autoworkforces.ca for Canada and a .com site with worldwide copy.

Implementation

  • Next.js 16 App Router with React 19, TypeScript, Tailwind CSS 4 and shadcn/ui, hosted on Vercel.
  • Jobs come from Recruitly's public API on the server, so listings are in the HTML for search engines, with JobPosting structured data and a sitemap of live jobs.
  • Forms post to API routes that create Recruitly leads or candidates (with CV upload) and email the team through Resend.
  • Cal.com embed for bookings; a signed webhook writes booked, rescheduled and cancelled calls back to the Recruitly record.
  • Pages are prebuilt once per market and cached on the CDN; links prefetch only on hover, focus or touch.

Outcomes

  • Gave the agency one site where every lead, resume and booking lands in its recruiting system.
  • Put live job openings in front of candidates and Google without anyone retyping them.
  • Cut hosting usage that was close to the Vercel Hobby limit by serving prebuilt pages from the CDN.