npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

create-brewfolio

v0.1.25

Published

Interactive scaffolder for a new Astro + Keystatic site powered by brewfolio — pick portfolio or app and you're in.

Readme

create-brewfolio

Scaffold a new Astro + Keystatic site from the Brewfolio system in one command.

npm license astro cms site

Runtime packageSource repoLive portfolio

npx create-brewfolio

What it does

create-brewfolio scaffolds a new Astro site, installs the shared brewfolio runtime, wires up Keystatic, and copies the right starter files for the site type you choose.

Supported site types:

  • portfolio
  • app

Quick start

Run the published CLI:

npx create-brewfolio

Then:

cd my-site
npm run dev

Open:

  • http://localhost:4321 for the site
  • http://localhost:4321/keystatic for the CMS

Site types

| Type | Layout | Best for | |------|--------|----------| | portfolio | DashboardLayout | Personal sites with concepts, projects, writing, analysis, and GitHub activity | | app | AppLayout | Dashboards, tools, and landing pages with section-driven content and built-in analysis pages |

What ships in the app starter

The app starter includes:

  • CMS-driven homepage blocks
  • shared header and footer
  • Analysis navigation in the header
  • /analysis archive route
  • /analysis/[id] notebook detail route
  • notebook summary cards and table of contents

Configure app notebooks in Keystatic → Analysis notebooks.

Starter content

Each scaffold includes example content in src/data so the first render is not empty.

  • use Keystatic for normal editing and replacement
  • delete the generated src/data/* starter files if you want a blank start

Non-interactive usage

You can pass every prompt as a flag:

npx create-brewfolio my-site --type portfolio --yes

| Flag | Description | |------|-------------| | --type <portfolio\|app> | Site type to scaffold | | --astro-template <name> | Underlying Astro starter template | | --yes | Skip confirmation | | --dry-run | Print what would be done without doing it | | --local-brewfolio <path> | Install brewfolio from a local tarball instead of npm |

What gets installed

The CLI installs:

  • brewfolio
  • @keystatic/core
  • @keystatic/astro
  • @astrojs/react
  • react
  • react-dom
  • tailwindcss
  • @tailwindcss/vite
  • astro-icon and the icon sets used by the starter

Notes

The earlier game scaffold has been removed. If you want a game-like experience, start from app and build the app-specific interaction layer in your generated project.