WIP create product engineer job board

[jamesefhawkins]

Changes

• Creates new page
• Scrapes (just supabase's ATS page) for now and creates job listings using ScrapingBee

todo

• make it look nice - make sure the data from the job pages display correctly
• share scrapingbee login details so everyone can access their UX and logs if needed
• get multiple cool companies' listings in there
• add some cool filtering that we apply at a company level
• cache results from scraping so it loads instantly
• add something to make clear (ie a listing at the top) that this IS NOT all jobs at posthog and we also have those somewhere else! suggest this is a job listing with a fancier background
• make it so logged in users can create a company, update their fields and add their ATS (so we can send this to people in the startup scheme!)

Checklist

• Words are spelled using American English
• Titles are in sentence case
• Feature names are in sentence case too
• Use relative URLs for internal links
• If I moved a page, I added a redirect in vercel.json
• Remove this template if you're not going to fill it out!

Article checklist

• I've added (at least) 3-5 internal links to this new article
• I've added keywords for this page to the rank tracker in Ahrefs
• I've checked the preview build of the article
• The date on the article is today's date
• I've added this to the relevant "Tutorials and guides" docs page (if applicable)

Useful resources

• The PostHog style guide
• Full list of tags and categories
• List of content components
• PostHog SEO best practices

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
posthog	✅ Ready (Inspect)	Visit Preview	Dec 8, 2024 7:00pm

[Lior539]

Ashby has an api you can use, which just returns a JSON. Could be simpler:

  try {
    const response = await axios.post(
      'https://jobs.ashbyhq.com/api/non-user-graphql?op=ApiJobBoardWithTeams',
      {
        operationName: 'ApiJobBoardWithTeams',
        variables: { organizationHostedJobsPageName: ashbyURL.replace('https://jobs.ashbyhq.com/', '') },
        query: `query ApiJobBoardWithTeams($organizationHostedJobsPageName: String!) {
          jobBoard: jobBoardWithTeams(
            organizationHostedJobsPageName: $organizationHostedJobsPageName
          ) {
            teams {
              id
              name
              parentTeamId
              __typename
            }
            jobPostings {
              id
              title
              teamId
              locationId
              locationName
              employmentType
              secondaryLocations {
                ...JobPostingSecondaryLocationParts
                __typename
              }
              compensationTierSummary
              __typename
            }
            __typename
          }
        }
        
        fragment JobPostingSecondaryLocationParts on JobPostingSecondaryLocation {
          locationId
          locationName
          __typename
        }`,
      },
      {
        headers: {
          authority: 'jobs.ashbyhq.com',
          accept: '*/*',
          'accept-language': 'en-GB,en;q=0.9,nl;q=0.8',
          'apollographql-client-name': 'frontend_non_user',
          'apollographql-client-version': '0.1.0',
          'content-type': 'application/json',
          origin: 'https://jobs.ashbyhq.com',
          'user-agent': 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Mobile Safari/537.36',
        },
      },
    );

    console.log('Received response from Ashby API');
    data = response.data;
  } catch (error) {
    if (axios.isAxiosError(error) && error.response?.status === 404) {
      // uploadBadURL(ashbyURL, BadURLReason.CareersPage404);
    }
    console.log(`Error fetching ashby link: ${JSON.stringify(error)}`);
    return null;
  }

[Lior539]

Greenhouse API:

  try {
    const response = await axios.get(
      `${greenhouseURL.replaceAll('https://boards.greenhouse.io/', 'https://boards-api.greenhouse.io/v1/boards/')}/jobs`,
    );
    console.log('Retrieved response from Greenhouse API');
    data = response.data;
  } catch (error) {
    if (axios.isAxiosError(error) && error.response?.status === 404) {
      // uploadBadURL(greenhouseURL, BadURLReason.CareersPage404);
    }
    console.log(`Error fetching greenhouse link: ${JSON.stringify(error)}`);
    return null;
  }

[Lior539]

Lever API

  try {
    console.log(leverURL);
    const response = await axios.get(
      `${leverURL.replace('https://jobs.lever.co/', 'https://api.lever.co/v0/postings/')}?mode=json`,
    );
    console.log('Retrieved response from Lever API');
    data = response.data;
  } catch (error) {
    if (axios.isAxiosError(error) && error.response?.status === 404) {
      // uploadBadURL(leverURL, BadURLReason.CareersPage404);
    }
    console.log(`Error fetching lever link: ${JSON.stringify(error)}`);
    return null;
  }

[Lior539]

Workday is slightly trickier since there are so many jobs.

  try {
    // Modify the URL format
    const urlParts = myWorkDayURL.split('/');
    const subdomain = urlParts[2].split('.')[0]; // e.g., 'crowdstrike' or 'disney'
    const lastPath = urlParts[urlParts.length - 1];
    const modifiedURL = `${myWorkDayURL.replace(`.com/${lastPath}`, `.com/wday/cxs/${subdomain}/${lastPath}/jobs`)}`;
    while (totalJobs === null || allJobs.length < totalJobs) {
      const response = await axios.post(
        modifiedURL,
        {
          appliedFacets: {},
          limit,
          offset,
          searchText: '',
        },
        {
          headers: {
            accept: 'application/json',
            'accept-language': 'en-US',
            'content-type': 'application/json',
            origin: new URL(myWorkDayURL).origin,
            priority: 'u=1, i',
            referer: myWorkDayURL,
            'sec-ch-ua': '"Google Chrome";v="129", "Not=A?Brand";v="8", "Chromium";v="129"',
            'sec-ch-ua-mobile': '?0',
            'sec-ch-ua-platform': '"macOS"',
            'sec-fetch-dest': 'empty',
            'sec-fetch-mode': 'cors',
            'sec-fetch-site': 'same-origin',
            'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36',
            'x-calypso-csrf-token': '1d23cde2-8ccb-4b22-baef-42bff17d22bf',
          },
        },
      );

[corywatilo]

@smallbrownbike went and 10x'd this. I added a lil polish and here's where we're at.

Managing companies

• We can add companies to source jobs from within Strapi. It will update the jobs automatically.
• For each company, we'll set the available perks.

Here's how it looks

We link to it from a few places

• Community subnav and footer
• Job application confirmation screen

Next steps

• Finalize list of companies to add
• Reach out to companies to confirm perks
• At launch: add a bit in our candidate rejection emails linking to this page

Post-launch enhancements

• Add other filter options? (4-day work week)
• Maybe add badges (eg: HN)
• Source salary info
• Add on-page search
• Better role and location filtering (standardized)

[corywatilo]

Feedback

• Should we collapse role categories by default?
• Link if you want to change/remove things
• True/false/unclear on perks?