Skip to main content
photo of Ryan Hefner

Software Developer and Eternal Tinkerer

Commune Software
GitHubBlueskyMastodon

All Play

w/Open-Source Software

In an attempt for transparency, and paying respect for the hard work of the open-source community, here are key open-source packages used to build this site.

Open-source Software

react

The JavaScript library used to build the site UI.

react.dev

nx

Extensible developer tools used to manage this monorepo.

next

The React framework powering routing, rendering, and builds.

@chakra-ui/react

The component and styling system used throughout the interface.

next-themes

Theme state and color-mode support for Next.js.

@emotion/react

CSS-in-JS runtime used by the styling layer.

contentlayer2

Content modeling and generated data for the Now and Thoughts pages.

@mdx-js/react

Markdown and JSX content rendering.

unified

Markdown, remark, and rehype processing for generated feeds.

feed

RSS, JSON Feed, and Atom feed generation.

prism-react-renderer

Code highlighting for MDX content.

resend

Newsletter subscription API client.

github.com/resend/resend-node / resend.com

react-hook-form

Newsletter signup form state and submission handling.

yup

Newsletter signup form validation.

react-marquease

A React component for the marquee interactions on the site.

next-meta

Composable title, meta, Open Graph, and Twitter card management.

react-structured

Type-safe Schema.org JSON-LD structured data components.

react-fathom

React and Next.js integration for Fathom Analytics.

fathom-client

A lightweight client for privacy-focused analytics.

react-icons

Icon components used in navigation and footer links.

Subscribe to the
—All Play newsletter

Get updates when I publish new episodes, and post about other fun stuff that I’m into.

With OSS

©2004—2026 — Ryan Hefner.
May all your days be rad 🤙.