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-blogon GitHub. - Theme-based architecture — uses the
gatsby-themetag, 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_lfillfor 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.
