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 🙏

© 2025 – Pkg Stats / Ryan Hefner

autobun

v0.2.2

Published

Back when web development was simple, applications were fast and straightforward. Autobun brings back that efficiency while leveraging modern tools and approaches.

Readme

Autobun

Back when web development was simple, applications were fast and straightforward. Autobun brings back that efficiency while leveraging modern tools and approaches.

Write code that just works. No overengineering, no unnecessary complexity. Just fast, reliable web applications built the right way.

Similar to early Next.js versions, but focused on simplicity, performance, and no magic. That's why the codebase is small and anyone can understand how it works.


Powered by Bun, Typescript and Preact

Performance

Benchmarks on a minimal Hello World application:

Build time

Next.js : ███████████████████████████████████████████████████...█ 17s
Autobun : █ 0.11s

Dev start time

Next.js : ███████████ 1.1s
Autobun : █ Instant

Bundle Size (HTML + JS, gzip)

Next.js : ████████████████ 133 KB
Autobun : █ 8.6 KB

RPS

Next.js (Static, App Router)    : █████ 5k
Next.js (Static, Pages Router)  : ██████ 6k
Next.js (Dynamic, Pages Router) : ██ 1.7k
Autobun (Dynamic)               : ███████████████████████ 24k

Dependencies install time

bun add next    : ██████████████████ 210s
bun add autobun : █ 12s

Getting Started

Install Bun

First, make sure you have the latest version of Bun:

curl -fsSL https://bun.sh/install | bash
# or update existing installation
bun upgrade

Create Project

bun create autobun-app my-app
cd my-app
bun install

For manual project setup without using the scaffolding tool, see Manual Setup.

Examples

Check out examples/ directory, especially examples/sample-app for reference implementations.

Server-side Props

Unlike Next.js, getServerSideProps lives in separate files like pages/page-name.props.ts for clear separation between server and client code without any tricks. See GET_SERVER_SIDE_PROPS.md for details.

Start development server

bun autobun dev

Build

bun autobun build

Start production server

bun autobun start

FAQ

Why Bun? Can I use Node.js instead?

No, you can't use Node.js. Bun is fast and comes with modern APIs out of the box that don't require pulling in tons of dependencies or writing a lot of boilerplate code.

Why Preact instead of React?

Preact performs 10x faster, which reduces server load and/or allows for higher RPS. Also, React adds 100 KB to the bundle (gzipped), which increases the Hello World page size by 12x.

Where's client-side routing? How do you live without SPA?

SPAs are overrated. Created to improve user experience, they've turned into huge unwieldy spaceships with bloated bundles. Modern SPAs often don't speed anything up, they just make life harder for both users and developers. Autobun's goal is to be a tool for building simple and efficient websites, so there's no client-side rendering out of the box.

Why no React Server Components (RSC)?

RSC is an interesting idea that allows developers to pay less attention to architecture design. But Autobun is about efficiency and straightforwardness. You prepare data for a page, you send it to rendering. That's it. No magic, no complex abstractions, no blur between server and client boundaries. When you need server logic or data, you work with it on the server in one place. Clear separation leads to better performance and easier debugging.