pify.dev

Pify logo

Landing page for Pify: Pi Packages for the pi coding agent, the @pify/cli front door, and the Pify Agent Book.

Built with Next.js 16 (App Router), Tailwind CSS v4 and TypeScript, the same stack as the docs site. Fully static; no server code.

Develop

npm install
npm run dev        # http://localhost:3000
npm run typecheck  # next typegen && tsc --noEmit
npm run build

If npm run cannot find node in your shell (seen with Git Bash on Windows), call the binary directly: node node_modules/next/dist/bin/next dev.

lib/packages.ts mirrors catalog.json from pifydev/cli. When a package is published or its description changes, update it there: every count on the page (hero, headings, the cell grid, metadata, the social card) derives from that list. Replace any em dash in a catalog description with a colon. Versions are intentionally not shown.
Brand assets live in public/ (logos) and app/fonts/ (Geist, Geist Mono). app/icon.svg is the favicon for modern browsers and follows the OS color scheme; app/favicon.ico (16/32/48), app/apple-icon.png (180) and public/icon-192.png are generated from public/pify-light-512.png with npm run icons. app/manifest.ts is the web manifest.
The social card (Open Graph and X summary_large_image, 1200x630) is rendered at build time by app/opengraph-image.tsx from the logo geometry, Geist, and the page headline; app/twitter-image.tsx reuses it. Preview at /opengraph-image.
design/BRIEF.md is the research the page was built from; design/DESIGN.md is the design direction, the palette with measured contrast, and the reason behind each decision.

Build check (.github/workflows/deploy.yml): every pull request and every push to main runs npm ci, typecheck and build on Node 22, and fails if an em dash appears in UI text.
Deploy: the Vercel Git integration, as for pifydev/docs. Pushes to main become production deployments of https://pify.dev; pull requests get preview URLs from vercel[bot]. No build configuration is needed on Vercel; the framework preset is Next.js.
Release (.github/workflows/release.yml): pushing a v* tag builds the site, checks that the tag matches package.json, and creates a GitHub Release with generated notes.

npm version patch          # or minor / major
git push --follow-tags

Site source: MIT. Geist and Geist Mono are licensed under the SIL Open Font License 1.1.