create-vike-ripple

Scaffold a Vike + Ripple TS project.

Part of the vike-ripple monorepo.

Usage

# With Tailwind CSS (default)
npx create-vike-ripple my-app

# With Panda CSS
npx create-vike-ripple my-app --style pandacss

# Without a CSS framework
npx create-vike-ripple my-app --style none

# With Cloudflare Workers support
npx create-vike-ripple my-app --style tailwind --cloudflare

# With Remult (SSE live query everywhere)
npx create-vike-ripple my-app --style tailwind --remult

# With Remult + Cloudflare (DO-based realtime)
npx create-vike-ripple my-app --style tailwind --remult --cloudflare

Flags

| Flag | Description | |------|-------------| | --style tailwind | Tailwind CSS v4 (default) | | --style pandacss | Panda CSS | | --style none | No CSS framework | | --cloudflare | Cloudflare Workers setup (wrangler, D1, DO config) | | --remult | Remult ORM with realtime subscriptions | | --remult --cloudflare | Remult with Durable Object-based realtime via remult-partykit |

What's included

The scaffold creates:

• Vike pages (pages/index, pages/about) with SSR
• Ripple TS .tsrx file support
• vike-ripple config (Layout, Head, hooks)
• CSS framework config (tailwind.css or panda.config.ts)
• Cloudflare Workers config when --cloudflare is set
• Remult + realtime subscription setup when --remult is set

Generated Packages

| Package | Installed when | |---------|---------------| | vike-ripple | Always | | vike-ripple-tailwindcss | --style tailwind | | vike-ripple-pandacss | --style pandacss | | remult-partykit | --remult --cloudflare |

See the main repo for per-package documentation.