v0.1.0-alpha.9

The Cloudflare-native React framework.

Write code like you already do, get Cloudflare primitives out of the box and ship refreshingly clean server-driven apps with one command.

$npx create-goribu yourapp
// src/routes/polls/[id].jsx

export async function GET(req, res) {
  const poll = await req.d1.get(
    "SELECT * FROM polls WHERE id = ?",
    [req.params.id],
  )

  if (!poll) return res.notFound()
  return res.render(PollPage, { poll })
}

export default function PollPage({ poll }) {
  return <PollComponent poll={poll} />
}

The code you already know

File-based routes, (req/res) handlers and React components that render pages with their data. Build and iterate fast without having to fight framework-induced complexity.

  • req / res
  • file-based routing
  • res.render
  • res.body
  • req.params

Cloudflare, built in

Connect to your database without complex setup, cache data at the edge, load env variables and serve assets and static routes from Cloudflare’s CDN automatically. Everything wired into, the right way.

  • goribu-deploy
  • req.d1
  • req.postgres
  • req.cache
  • static via CDN
  • .env files

SSR but app-like

Stream SSR pages on initial load, then send minimal JSON payloads to swap the React component on navigation. The server stays in charge, without client-side router config or client cache to mutate.

  • server-driven navigation
  • streaming SSR
  • prefetch on hover
[postId].js.svg.png.woff2.jsonD1PostgresCache

Delightful defaults

Everything you need to just write code, already included:

Data

  • Create and connect to D1 with a single string
  • Get session-aware global reads for D1 without extra code
  • Connect to Postgres through Hyperdrive
  • Run database migrations on deploys

Deploy

  • Build and deploy with one command
  • Serve static assets from Cloudflare’s CDN
  • Prerender routes automatically, without worker invocations
  • Use plain .env files and get variables deployed

App defaults

  • Use TypeScript or JavaScript, easily
  • Add route and folder-level middleware
  • Customize error pages
  • Log requests with CF-Ray included
  • Develop with Vite-powered hot reload

Build a real app in 10 minutes.

Follow along to see Goribu in action and what you can do with it.

Quick Start
npx create-goribu my-app
cd my-app
npm install
npm run dev