lengstorf.com

lengstorf.com is an open-source Gatsby.js personal website template that powers Jason Lengstorf's own site, combining a blog, a length-adjustable about page, and a downloadable media kit into a single progressive web app. Built on the Gatsby framework with a gatsby-theme architecture, it shows how to structure a personal site that works equally well as a portfolio, a speaking hub, and a developer blog.

What is lengstorf.com?

lengstorf.com is the public GitHub repository for Jason Lengstorf's personal website, built with Gatsby.js and organized around a reusable Gatsby theme. The site takes content and images as input — including bio text, blog posts, and Cloudinary-hosted photos — and outputs a static, PWA-capable website with blog, about, and media kit sections. It was created by Jason Lengstorf and is released as open source on GitHub, where it carries the topics gatsby-blog, gatsby-theme, gatsbyjs, personal-website, and progressive-web-app.

Key Features

• Gatsby blog — includes a blog engine running on the Gatsby.js framework, with the repository tagged gatsby-blog on GitHub.
• Theme-based architecture — uses the gatsby-theme tag, meaning the site's structure is packaged as a reusable Gatsby theme that can be customized or extended.
• Progressive web app — tagged progressive-web-app, the site is set up for offline support and app-like installation behaviors.
• Cloudinary image handling — every photo, from bio headshots to media kit images, is loaded from Cloudinary with responsive transformation parameters such as w_1200, h_1200, c_lfill for automatic resizing and cropping.
• Adjustable bio length — the about section offers six display sizes — Shorter-er, Shorter, Short, Long, Longer, and Longer-er — that dynamically expand or collapse the biography text without a page reload.
• Downloadable media kit — includes a media kit section where each photo offers thumbnail crop, web resolution, and full resolution download options, with the photographer credit (Jason Hill) required.
• Speaker-focused content — the bio template is written for public appearances, including a line that Jason Lengstorf makes TV for developers at CodeTV.

Who should use lengstorf.com?

• Developers who want a real-world Gatsby + theme + PWA reference implementation to study or fork for their own personal projects.
• Public speakers and creators who need a single site that gives event organizers direct access to multiple headshot resolutions and a ready-to-use speaker bio.
• Bloggers who want a personal site with a blog engine and the ability to show a shorter or longer about section depending on visitor preference.
• Agency and freelance developers looking for a concrete example of integrating Cloudinary images into a Gatsby site with responsive image transforms.

Use cases

• Personal branding: publish your bio, headshots, and links in one place, with flexible bio lengths for different contexts.
• Media kit distribution: share a page where media outlets can download speaker photos in multiple resolutions and copy the correct photographer credit.
• Developer blogging: write and publish posts using Gatsby's static blog setup, which supports progressive web app features for offline reading.
• Learning resource: study how a Gatsby theme can encapsulate site structure, how PWA hooks are applied, and how Cloudinary URLs are parameterized for responsive images.