Context-Aware Routes

Website UX Personalization

To maximise signal clarity for recruiters exploring my portfolio

  • Frontend
  • Platform
  • Product Engineering
  • Next.js
  • Rendering Strategies
  • Frontend Architecture
  • System Design
  • Performance
  • Testing
  • SEO

Overview

  • When i find an interesting job opportunity, i analyse the described candidate expectations. Then, i fill out a dedicated "visitor" collection in my CMS which registers the company, their job description (JD) post, and "replies" where i contrast myself with the expectations JD. Registering a company creates a "/dear/[company]" route that renders a personalised website experience for visitors who use the customised route.

  • My website is duplicated under "/dear/[company]/" reuses the exact same render code as the canonical pages without a content duplication SEO penalty as these routes are de-indexed, served entirely on the ISR cache.

  • The personalised experience renders: 1) A welcome banner, a "Dear [company]" menu item 2) A cover letter section where my expectation replies and support is rendered 3) An "empty state" in my search palette that provides immediate access to content on my website that supports my claims.

System Design

Relevant content