ABOUT SWIFTJOBS
SwiftJobs is a premium Astro 7 theme for job boards, company career pages
and recruitment agencies. It combines fast, SEO-friendly static pages with
React islands for interactive job filtering.
It has one brand rule: every listing shows its pay range. Jobs are typed
content collections, so a listing without a salary does not build, and
every job page ships structured data for Google Jobs.
TECH STACK
- Astro 7: fast static output, SEO first
- Tailwind CSS 4: design tokens, container queries
- React: interactive islands for filters and forms
- TypeScript: strict type checking across the project
- Motion: layout animation in islands, respects reduced motion
- Satori + sharp: Open Graph images for every job and company
- Decap CMS: admin panel at /admin, manages content through Git
PAGES
10 page types, each in English (/) and Bahasa Indonesia (/id/):
- Home
- Jobs: filter sidebar and pagination
- Job/[slug]: job detail and pay comparison
- Companies
- Company/[slug]: company profile
- Post a Job: pricing plans and a multi-step wizard
- Dashboard: saved jobs, alerts, applications
- Compare: saved jobs side by side
- Contact
- 404
Plus rss.xml, feed.json, jobs.json, Open Graph images, a sitemap and
robots.txt.
WHAT'S INCLUDED
- Full Astro 7 source code, static output, React islands
- 10 page types in 2 languages
- Two site modes: job board for many companies, or one company career site
- Job import from Greenhouse, Lever and Ashby
- Open Graph images, RSS and JSON feeds, Decap CMS
- Form and Stripe integrations through .env
- Typed content collections for jobs and company profiles
- Accessible forms for posting jobs and applying
- Design tokens and three color presets
- 48 Playwright tests with accessibility audits, GitHub Actions CI,
8 documentation pages, changelog
FEATURES
- Advanced filtering: field, workplace, job type, minimum pay and company,
kept in the URL
- JSON-LD JobPosting: structured data for Google Jobs, including pay
- Rich-text job descriptions: Markdown with custom typography
- Saved jobs: save in the browser, then compare them
- Multi-step posting: six-step wizard with live preview and pricing plans
- Skeleton loading: loading and empty states for the job feed
- Social images: a 1200x630 pay stub image for every job, salary included
- Pay display: read every salary in one currency and period
- Pay comparison: "Pays more than 67% of Design roles" on job pages
- Compare: up to four saved jobs side by side
- Job alerts: "Get alerts for this search" from any filter
- Two languages: English and Bahasa Indonesia, with hreflang
- 3 color presets: Signal (orange), Cobalt (blue), Volt (lime), all WCAG AA
- View transitions: native CSS, no JS
- RSS and JSON Feed for aggregators, with structured pay data
- Decap CMS: manage content without touching code
- Stripe Payment Links: take payment for postings without a server
SIGNATURE DESIGN
The whole visual language comes from the pay-first rule.
- Pay stub: pay sits on a perforated ticket stub, on cards and job pages
- Signal swipe: slanted accent block behind one key word in a headline
- Signal duotone: every photo is rendered ink-on-accent
- 12 degree slant: logo, active nav, Featured tags, bullets and stepper
Contact: Developer@lesscodex.dev
