Write a Next.js route handler that uses ISR (via `revalidate: 3600`) to turn this website https://maxleiter.com into structured data (JSON). Here is the website's cleaned HTML content: ```html <div class="layout_wrapper__s7gfs"><main class="layout_main__ABI2k"><div class="header_nav__SoqKl"><div class="header_header__yzqq5"><div class="home-header_heading__bDhFT"><h1>Max Leiter</h1></div></div><div><button aria-label="Change the theme" class="socials_icon__JZPP4 "></button></div></div><p>I'm currently building at <a href="https://vercel.com" class="link_link__d_sac link_underline__9vDk2">Vercel</a>. I'm interested in politics, tech, and building a fast, accessible web.</p><div class="socials_socials__sQ9S6"><span class="tooltip_tooltip__NqjXs" data-label="GitHub" data-direction="top"><a href="https://github.com/maxleiter" class="link_link__d_sac link_underline__9vDk2 socials_icon__JZPP4" aria-label="GitHub"><svg><path></path></svg></a></span><span class="tooltip_tooltip__NqjXs" data-label="Twitter" data-direction="top"><a href="https://twitter.com/max_leiter" class="link_link__d_sac link_underline__9vDk2 socials_icon__JZPP4" aria-label="Twitter"><svg><path></path></svg></a></span><span class="tooltip_tooltip__NqjXs" data-label="Email" data-direction="top"><a href="mailto:maxwell.leiter@gmail.com" class="link_link__d_sac link_underline__9vDk2 socials_icon__JZPP4" aria-label="Email"><svg><path></path><polyline></polyline></svg></a></span><span class="tooltip_tooltip__NqjXs" data-label="RSS" data-direction="top"><a href="/feed.xml" class="link_link__d_sac link_underline__9vDk2 socials_icon__JZPP4" aria-label="RSS"><svg><path></path></svg></a></span></div><h2>My projects</h2><ul class="projects_container__HakS_"><li class="entry_wrapper__X_APn"><div class="entry_split__HuxvC"><h4 class="entry_title__8Uk5H"><a href="https://github.com/maxleiter/drift" class="link_link__d_sac link_underline__9vDk2">Drift</a></h4><div class="entry_badges__lZly3"><div class="badge_badge__JyWab ">Creator</div><a href="https://github.com/maxleiter/drift" class="link_link__d_sac link_underline__9vDk2"><div class="badge_badge__JyWab entry_starBadge__lxGFJ"><svg><polygon></polygon></svg><span>1375</span></div></a></div></div><div>A self-hostable and open-source alternative to GitHub Gist and Pastebin.</div></li><li class="entry_wrapper__X_APn"><div class="entry_split__HuxvC"><h4 class="entry_title__8Uk5H"><a href="/blog/X11" class="link_link__d_sac link_underline__9vDk2">X11 on iOS</a></h4><div class="entry_badges__lZly3"><div class="badge_badge__JyWab ">Creator</div></div></div><div>Patched, compiled, and packaged X11 for iOS devices.</div></li><li class="entry_wrapper__X_APn"><div class="entry_split__HuxvC"><h4 class="entry_title__8Uk5H"><a href="https://github.com/thelounge/thelounge" class="link_link__d_sac link_underline__9vDk2">The Lounge</a></h4><div class="entry_badges__lZly3"><div class="badge_badge__JyWab ">Maintainer</div><a href="https://github.com/thelounge/thelounge" class="link_link__d_sac link_underline__9vDk2"><div class="badge_badge__JyWab entry_starBadge__lxGFJ"><svg><polygon></polygon></svg><span>5930</span></div></a></div></div><div>Self-hosted, always-on IRC client built with Node.js, Vue, and other web technologies.</div></li><li>See some more on <a class="link_link__d_sac link_underline__9vDk2" href="/projects"> this page</a></li></ul><h2> Posts and other half-baked thoughts</h2><div><div class="badge_badge__JyWab "><a href="?tag=">All</a></div><div class="badge_badge__JyWab "><a href="?tag=post">post <span class="filterable-list_count__Nyoa8">(21)</span></a></div><div class="badge_badge__JyWab "><a href="?tag=note">note <span class="filterable-list_count__Nyoa8">(11)</span></a></div></div><ul class="filterable-list_items__i4K6E"><li class="block_item__2jprT"><a title="and the lessons learned" class="link_link__d_sac block_link__YsXET" href="/blog/vibecoding-minecraft-mods"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jun 21, 2025</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Vibe-coding Minecraft mods</h4><p class="block_description__5ra8P">and the lessons learned</p></a></li><li class="block_item__2jprT"><a title="Create /some-title-here-{id} URLs for recognizable links in Next.js" class="link_link__d_sac block_link__YsXET" href="/blog/sluggified-urls"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jun 19, 2025</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Implementing Notion style URLs</h4><p class="block_description__5ra8P">Create /some-title-here-{id} URLs for recognizable links in Next.js</p></a></li><li class="block_item__2jprT"><a title="a bash script for generating branch names" class="link_link__d_sac block_link__YsXET" href="/notes/git-checkout-script"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Aug 19, 2024</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">Never think about branch names again</h4><p class="block_description__5ra8P">a bash script for generating branch names</p></a></li><li class="block_item__2jprT"><a title="hint: just use `sql` and COALESCE." class="link_link__d_sac block_link__YsXET" href="/notes/updating-jsonb-drizzle"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jul 11, 2024</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">Updating JSONB fields with Drizzle</h4><p class="block_description__5ra8P">hint: just use `sql` and COALESCE.</p></a></li><li class="block_item__2jprT"><a title="Ship something every day" class="link_link__d_sac block_link__YsXET" href="/blog/ship-every-day"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jun 10, 2024</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Ship something every day</h4></a></li><li class="block_item__2jprT"><a title="Set your default directory in VS Code's open dialog" class="link_link__d_sac block_link__YsXET" href="/notes/vscode-default-dir"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jun 6, 2024</span></div><span>/</span><span>Tip</span></div><h4 class="block_title__lMckx">Set your default directory in VS Code's open dialog</h4></a></li><li class="block_item__2jprT"><a title="A script for concatenating files in a directory for copying to an LLM" class="link_link__d_sac block_link__YsXET" href="/notes/gemini-script"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Apr 14, 2024</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">gemini.sh script</h4><p class="block_description__5ra8P">A script for concatenating files in a directory for copying to an LLM</p></a></li><li class="block_item__2jprT"><a title="Sending a Slack message with fetch" class="link_link__d_sac block_link__YsXET" href="/notes/slack-message-fetch"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Mar 30, 2024</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">Sending a Slack message with fetch</h4></a></li><li class="block_item__2jprT"><a title="SWR for state management" class="link_link__d_sac block_link__YsXET" href="/notes/swr-state"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Mar 30, 2024</span></div><span>/</span><span>Note</span></div><h4 class="block_title__lMckx">SWR for more than fetching</h4><p class="block_description__5ra8P">SWR for state management</p></a></li><li class="block_item__2jprT"><a title="Loading wasm files on Vercel Edge and Node.js runtimes" class="link_link__d_sac block_link__YsXET" href="/notes/wasm-edge-and-node"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Mar 30, 2024</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">Loading wasm files on Vercel Edge and Node.js runtimes</h4></a></li><li class="block_item__2jprT"><a title="A simple bash script for macOS that runs a command and displays a notification when the output of the command changes." class="link_link__d_sac block_link__YsXET" href="/notes/watch.sh"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Mar 30, 2024</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">watch.sh</h4><p class="block_description__5ra8P">A simple bash script for macOS that runs a command and displays a notification when the output of the command changes.</p></a></li><li class="block_item__2jprT"><a href="https://vercel.com/blog/ai-sdk-3-generative-ui" class="link_link__d_sac block_link__YsXET" title="Stream React Components from LLMs to deliver richer user experiences."><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Mar 1, 2024</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Introducing AI SDK 3.0 with Generative UI support</h4><p class="block_description__5ra8P">Stream React Components from LLMs to deliver richer user experiences.</p><span class="block_thirdParty__uBi_s">vercel.com</span></a></li><li class="block_item__2jprT"><a href="https://vercel.com/blog/introducing-the-vercel-ai-sdk" class="link_link__d_sac block_link__YsXET" title="An interoperable, streaming-enabled, edge-ready software development kit for AI apps built with React and Svelte."><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jun 15, 2023</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Introducing the Vercel AI SDK</h4><p class="block_description__5ra8P">An interoperable, streaming-enabled, edge-ready software development kit for AI apps built with React and Svelte.</p><span class="block_thirdParty__uBi_s">vercel.com</span></a></li><li class="block_item__2jprT"><a title="A well-meaning mobile browser feature can be problematic" class="link_link__d_sac block_link__YsXET" href="/blog/mobile-browsers-resizing-font"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jun 9, 2023</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Why your website's fonts might be larger than intended</h4><p class="block_description__5ra8P">A well-meaning mobile browser feature can be problematic</p></a></li><li class="block_item__2jprT"><a title="Nintype is still the best iOS keyboard" class="link_link__d_sac block_link__YsXET" href="/blog/nintype"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">May 22, 2023</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Nintype is still the best iOS keyboard</h4></a></li><li class="block_item__2jprT"><a title="Use MDX, RSC, and Bright to build a blog with Next.js 15." class="link_link__d_sac block_link__YsXET" href="/blog/build-a-blog-with-nextjs-13"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Apr 16, 2023</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Building a blog with Next.js 15 and React Server Components</h4><p class="block_description__5ra8P">Use MDX, RSC, and Bright to build a blog with Next.js 15.</p></a></li><li class="block_item__2jprT"><a href="https://vercel.com/blog/improving-the-accessibility-of-our-nextjs-site" class="link_link__d_sac block_link__YsXET" title="We've made some improvements to the accessibility of our Next.js site. Here's how we did it."><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Sep 30, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Improving the accessibility of our Next.js site</h4><p class="block_description__5ra8P">We've made some improvements to the accessibility of our Next.js site. Here's how we did it.</p><span class="block_thirdParty__uBi_s">vercel.com</span></a></li><li class="block_item__2jprT"><a title="It shouldn't take this much work to publish a small library" class="link_link__d_sac block_link__YsXET" href="/blog/node-has-tooling-problems"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jul 30, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">The Node ecosystem (still) has tooling problems</h4><p class="block_description__5ra8P">It shouldn't take this much work to publish a small library</p></a></li><li class="block_item__2jprT"><a title="A step-by-step guide to page views and server analytics" class="link_link__d_sac block_link__YsXET" href="/blog/supabase-next-analytics"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">May 15, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Live updating page views with Supabase and Next.js</h4><p class="block_description__5ra8P">A step-by-step guide to page views and server analytics</p></a></li><li class="block_item__2jprT"><a title="Internet Explorer or CSS3?" class="link_link__d_sac block_link__YsXET" href="/blog/ie-or-css3"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">May 11, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Internet Explorer or CSS3?</h4></a></li><li class="block_item__2jprT"><a title="A list of simple tips for developing a more accessible and user-friendly web." class="link_link__d_sac block_link__YsXET" href="/blog/easy-site-improvements"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Apr 23, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Easy ways to improve your websites accessibility and performance</h4><p class="block_description__5ra8P">A list of simple tips for developing a more accessible and user-friendly web.</p></a></li><li class="block_item__2jprT"><a title="An analysis based on 700 personal websites" class="link_link__d_sac block_link__YsXET" href="/blog/hacker-sites"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Apr 7, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">How hackers* run their sites</h4><p class="block_description__5ra8P">An analysis based on 700 personal websites</p></a></li><li class="block_item__2jprT"><a title="A self-hostable alternative to GitHub Gist and Pastebin" class="link_link__d_sac block_link__YsXET" href="/blog/introducing-drift"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Mar 26, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Introducing Drift</h4><p class="block_description__5ra8P">A self-hostable alternative to GitHub Gist and Pastebin</p></a></li><li class="block_item__2jprT"><a title="A small guide to finding projects and contributing changes" class="link_link__d_sac block_link__YsXET" href="/blog/contributing-to-oss"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jan 25, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">How to start contributing to open-source projects</h4><p class="block_description__5ra8P">A small guide to finding projects and contributing changes</p></a></li><li class="block_item__2jprT"><a title="A guide on how to pin your dependencies and why you may want to" class="link_link__d_sac block_link__YsXET" href="/blog/pin-dependencies"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Jan 9, 2022</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Pin your npm/yarn dependencies</h4><p class="block_description__5ra8P">A guide on how to pin your dependencies and why you may want to</p></a></li><li class="block_item__2jprT"><a title="My macOS programs and setup" class="link_link__d_sac block_link__YsXET" href="/notes/mac-setup"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Dec 31, 2021</span></div><span>/</span><span>Note</span></div><h4 class="block_title__lMckx">My macOS programs and setup</h4></a></li><li class="block_item__2jprT"><a title="A quick TypeScript React hook for Mousetrap.js" class="link_link__d_sac block_link__YsXET" href="/notes/useMousetrap"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Dec 28, 2021</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">useMousetrap()</h4><p class="block_description__5ra8P">A quick TypeScript React hook for Mousetrap.js</p></a></li><li class="block_item__2jprT"><a title="In case someone also wants a quick wrapper for interacting with the Creeper Host REST API" class="link_link__d_sac block_link__YsXET" href="/blog/creeperhost-api"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Nov 22, 2021</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Creeper Host API wrapper in TypeScript</h4><p class="block_description__5ra8P">In case someone also wants a quick wrapper for interacting with the Creeper Host REST API</p></a></li><li class="block_item__2jprT"><a title="A quick script I use for checking out and running pull requests" class="link_link__d_sac block_link__YsXET" href="/notes/run-pr"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Nov 18, 2021</span></div><span>/</span><span>Snippet</span></div><h4 class="block_title__lMckx">run-pr.sh</h4><p class="block_description__5ra8P">A quick script I use for checking out and running pull requests</p></a></li><li class="block_item__2jprT"><a title="My thoughts on the Framework Laptop's hardware" class="link_link__d_sac block_link__YsXET" href="/blog/framework"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Nov 3, 2021</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Impressions of the Framework Laptop</h4><p class="block_description__5ra8P">My thoughts on the Framework Laptop's hardware</p></a></li><li class="block_item__2jprT"><a title="A quick dive into Linux kernel drivers" class="link_link__d_sac block_link__YsXET" href="/blog/MSHW0184"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Dec 15, 2020</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">Adding ambient light support to Linux and GNOME</h4><p class="block_description__5ra8P">A quick dive into Linux kernel drivers</p></a></li><li class="block_item__2jprT"><a title="A guide on how to compile the X Window System for iOS" class="link_link__d_sac block_link__YsXET" href="/blog/X11"><div><div class="block_wrapper__KU7uQ"><span class="block_date__vhKYh">Dec 15, 2019</span></div><span>/</span><span>Post</span></div><h4 class="block_title__lMckx">X11 on iOS</h4><p class="block_description__5ra8P">A guide on how to compile the X Window System for iOS</p></a></li></ul><footer class="page_footer__m6S5w"><span><a class="link_link__d_sac link_underline__9vDk2" href="/about">About this site</a><span class="page_gitSha__nYQq_"><a href="https://github.com/maxleiter/maxleiter.com/commit/76b6a867cb997e36b79352c29506eeed7179a1b5" class="link_link__d_sac link_underline__9vDk2">76b6a86</a></span></span><button class="timer_button__idE_C" aria-label="Time of day"><span>4:10 PM</span></button></footer></main></div> ``` The route handler should: 1. Use ISR with revalidate: 3600 2. Extract meaningful data from the HTML structure 3. Return clean, structured JSON 4. Handle errors gracefully 5. Include metadata like title, description, and last updated timestamp Make the JSON structure logical and useful for API consumers. Focus on the actual content and data rather than styling or layout elements.
I'll create a Next.js route handler that extracts structured data from Max Leiter's website using ISR. The handler will parse the HTML content and return clean, structured JSON data.
This Next.js route handler creates a robust API endpoint that:
Key Features:
- ISR Configuration: Uses
revalidate: 3600for hourly cache updates 1 Structured Data Extraction: Parses HTML to extract meaningful content including:
- Personal profile information
- Social media links
- Project details with GitHub stars
- Blog posts with metadata
- Content statistics
Data Structure:
- Profile: Name, bio, current company, and social links
- Projects: Title, URL, description, role, and GitHub stars
- Posts: Title, URL, date, type, description, and external domain info
- Stats: Counts of posts, notes, and projects
Error Handling:
- Graceful error responses with detailed error messages
- Proper HTTP status codes
- Timestamp for debugging
Performance:
- Efficient regex-based HTML parsing
- Proper caching headers
- Support for HEAD requests
The API returns clean, structured JSON that's perfect for consumption by other applications, dashboards, or analytics tools. The ISR configuration ensures the data stays fresh while maintaining excellent performance.
