All in Cloudflaremusemvp-flare

Vom MVP bis in Produktion,alles auf Cloudflare.

TanStack Start läuft über das Cloudflare-Vite-Plugin nativ auf Workers, ohne Adapterschicht. D1, R2, Workers AI, Queues und Email Sending stehen in einer einzigen wrangler.jsonc. Lokal brauchst du weder Docker noch Cloud-Zugangsdaten, und der Go-live beginnt mit einem prüfbaren Plan.

All in One kaufen Live-Demo öffnen Dokumentation lesen

Die Live-Demo läuft auf Flares eigenem Worker, D1 und R2.

Worker · drei Einstiegspunkte: 1
native Bindings: 5
Server zu warten: 0
Release-Schritte, alle prüfbar: 7

https://app.your-domain.comFahre über einen Arbeitsbereich, um zu sehen, welche Cloudflare-Bindings ihn bedienen.

Dein Cloudflare-Konto

Hallo, local user

Your product, in motion.

Ein ruhiger Ort, um das nächste Nützliche zu bauen.

Verfügbare Credits: 30
Gespeicherte Dateien: 0
KI-Aufgaben: 0
Bestellungen: 0

Etwas Nützliches machen.

Eine Antwort streamen oder ein hochgeladenes Textdokument zusammenfassen.

D1· SQLite-Datenbank

Nutzer, Sitzungen, Credit-Ledger, Jobs und Zahlungsereignisse liegen in D1. Drizzle-Schema und Queries stecken in packages/db, Migrationen sind mitversioniert, und riskante Migrationen werden vor dem Deploy geprüft.

Konfiguration: d1_databases → DB
Quelle: packages/db/src/index.ts

Anleitung lesen

Alles im gestrichelten Rahmen läuft in deinem eigenen Cloudflare-Konto. Als Laufzeit-Secrets braucht der Worker nur AUTH_SECRET sowie die CAPTCHA-, OAuth- und Zahlungsdaten, die du aktivierst.

All in Cloudflare

Ein Konto. Ein Worker. Das ganze Produkt.

Compute, Daten, Dateien, KI, Jobs, Mail und Logs sind Bindings desselben Workers. Du erbst eine Plattform, statt sie zusammenzubauen.

Dein Cloudflare-Konto

Einmal in wrangler.jsonc deklariert.

D1, R2, Workers AI, Queues, Cron Triggers und Email Sending sind native Bindings. Entwicklung, Preview und Workers-Tests führen denselben Code aus.

Worker
D1
R2
Workers AI
Queues
Cron Triggers
Email Sending

apps/web/wrangler.jsoncAuszug

{
  "main": "src/server.ts",
  "d1_databases": [{ "binding": "DB" }],
  "r2_buckets": [{ "binding": "R2_BUCKET" }],
  "ai": { "binding": "AI" },
  "send_email": [{ "name": "EMAIL" }],
  "queues": { "producers": [{ "binding": "JOBS" }] },
  "triggers": { "crons": ["*/5 * * * *"] }
}

Keine Adapterschicht

TanStack Start, gebaut als Worker.

Das Cloudflare-Vite-Plugin erzeugt einen Worker. Zwischen App und Edge gibt es keine OpenNext-Umwandlung.

Build-Pfad

Next.js → OpenNext → Worker

TanStack Start → Cloudflare-Vite-Plugin → Worker

Weniger Secrets

Bindings ersetzen Zugangsschlüssel.

Datenbank, Dateien, Modell, Queue und Postfach laufen über den Worker. Laufzeit-Secrets bleiben AUTH_SECRET plus die Anbieter, die du aktivierst.

Per Binding erreichbar, nicht per Schlüssel

D1-Connection-String
R2-Zugangsschlüssel
Modell-API-Key
Queue-Broker-URL
Mail-API-Key

Nur ein Secret, wenn du es aktivierst

AUTH_SECRET
OAuth- / Turnstile- / Zahlungsdaten

Ein leichterer Stack

Sieben Infrastruktur-Bausteine, ein Konto.

Dienste, für die du dich sonst einzeln anmeldest und Schlüssel verwaltest, sind in Flare Bindings an einem einzigen Worker.

Sieben Dienste, die man sonst einzeln kauft, hängen bereits an einem Worker.

Sonst von Hand zusammengesteckt

Mehrere Dashboards, mehrere Schlüssel, mehrere Rechnungen

In Flare

Ein Konto, eine wrangler.jsonc, eine CLI

LaufzeitNode-Server oder Container, selbst skaliertWorkerssrc/server.ts
DatenbankGehostetes Postgres samt Connection-StringD1DB
DateienS3-Bucket und ZugriffsschlüsselR2R2_BUCKET
KIKonto und API-Schlüssel beim ModellanbieterWorkers AIAI
JobsRedis-Queue und dauerhaft laufender WorkerQueuesJOBS
CronExterner Cron-Dienst oder ProzessCron Triggers*/5 * * * *
E-MailMail-Anbieter und API-SchlüsselEmail SendingEMAIL

Keine Adapterschicht

TanStack Start wird über Cloudflares offizielles Vite-Plugin zum Worker gebaut, ohne Übersetzungsschritt à la OpenNext. Entwicklung, Preview und Tests laufen mit Workers-kompatiblem Code.

@cloudflare/vite-plugin

Lokal ohne Zugangsdaten

pnpm muse:init legt eine lokale D1-Datenbank an, erzeugt AUTH_SECRET und richtet zwei Testkonten ein. Kein Cloudflare-Konto, kein Docker.

pnpm muse:init

Weniger Secrets

Datenbank, Dateien, KI, Queues und E-Mail laufen über Bindings. Der Worker speichert nur das Auth-Secret sowie die CAPTCHA-, OAuth- und Zahlungsdaten, die du aktivierst.

AUTH_SECRET

MVP → Produktion

Mit einem Befehl starten. Mit einem Plan live gehen.

Die lokale Entwicklung berührt die Cloud nie. Vor dem Deploy siehst du genau, was angelegt wird und welche Migrationen laufen; nach dem Veröffentlichen laufen automatisch öffentliche Smoke-Checks. Jeder Befehl liefert stabiles JSON und Exit-Codes, bereit für CI.

Lokal initialisieren

Erzeugt AUTH_SECRET, wendet lokale D1-Migrationen an und legt zwei Testkonten an. Zu keinem Zeitpunkt Cloudflare-Zugangsdaten.

~/my-mvp1/5 · Init

pnpm install --frozen-lockfile

pnpm muse:init

command: init

initialized: true

next: [

"pnpm dev",

"Local accounts: [email protected] and [email protected] (see README)",

"Verification and reset links are captured at /dev/mail",

"Production secrets: .muse/production.secrets.json (gitignored)"

]

Exit-Codes0 Erfolg1 Fehler2 blockiert3 Smoke fehlgeschlagen

Der Plan ist schreibgeschützt und legt nichts an. Enthält eine ausstehende Migration DROP, TRUNCATE, DELETE oder UPDATE SET, wird das automatische Deployment blockiert.

Deployment-Anleitung lesen

Eine Produktlinie

Drei Codebasen. Wähle die passende Laufzeit.

Die beiden Next.js-Apps liegen im musemvp-Repository und teilen Domain-Pakete. Flare ist ein eigenständiges Repository, von der ersten Zeile an für Workers gebaut.

Next.js + Nodemusemvp/apps/web

Next.js + Cloudflaremusemvp/apps/web-cloudflare

TanStack Start + Cloudflaremusemvp-flare/apps/webDiese Seite

Framework

Next.js + NodeNext.js 16

Next.js + CloudflareNext.js 16 + OpenNext

TanStack Start + CloudflareTanStack Start + Vite

Runtime

Next.js + NodeNode.js auf Vercel oder Docker

Next.js + CloudflareCloudflare Workers über OpenNext

TanStack Start + CloudflareWorkers, nativ über das Cloudflare-Vite-Plugin

Daten & Dateien

Next.js + NodePostgreSQL · S3-kompatibler Speicher

Next.js + CloudflareD1 · R2

TanStack Start + CloudflareD1 · R2

KI & Hintergrundjobs

Next.js + NodeNicht enthalten

Next.js + CloudflareNicht enthalten

TanStack Start + CloudflareWorkers AI · Queues · Cron Triggers

Lokale Entwicklung

Next.js + NodePostgreSQL in Docker Compose

Next.js + CloudflareLokale D1 von Wrangler, ohne Docker

TanStack Start + CloudflareLokale D1, ohne Docker und Cloud-Zugangsdaten

Deployment

Next.js + NodeVercel oder dein eigener Docker-Host

Next.js + Cloudflarepnpm cf:deploy auf Workers

TanStack Start + Cloudflarepnpm muse:deploy: plan → yes → verify

Die richtige Wahl, wenn

Next.js + Nodedu PostgreSQL, Self-Hosting oder lang laufende Node-Prozesse brauchst.

Next.js + Cloudflaredu eine Plattform, eine Edge-Runtime und möglichst wenig Infrastruktur im Betrieb willst.

TanStack Start + CloudflareKI-zentrierte MVPs, die den leichtesten Weg vom Laptop zu Workers suchen.

MuseMVP und All in One enthalten alle drei Codebasen. Der UI-Templates-Plan nicht.

Next.js + Cloudflare ansehen

Projektstruktur

Ein pnpm-Workspace mit klaren Grenzen.

apps/web enthält Oberfläche und Worker-Einstieg, die Domänenlogik liegt in packages. Fahre über einen Eintrag, um echten Quellcode zu sehen.

musemvp-flare / pnpm workspaceMit Maus oder Fokus voranzeigen

Explorer

functions.tsDokumentation öffnen

apps/web/src/modules/workbench/functions.ts

1import { product } from "@musemvp/config";
2import { createServerFn } from "@tanstack/react-start";
3import { getRequest } from "@tanstack/react-start/server";
4import { identity } from "@/server/platform";
5export const getWorkbench = createServerFn({ method: "GET" }).handler(
6  async () => {
7    const { p, user } = await identity(getRequest());
8    if (product.quotas.welcomeCredits)
9      await p.credits.grant(user.id, product.quotas.welcomeCredits, "welcome");
10    return {
11      user: {
12        id: user.id,
13        name: user.name,
14        email: user.email,

Quellcodeauszug

Geprüfte Auszüge, beim Build erzeugt.

Strukturleitfaden lesen

Drei Pläne. Eine Zahlung.

Wähle den passenden Plan

Jeder Plan ist ein Einmalkauf inklusive Steuern. UI-Vorlagen decken Landingpages ab, MuseMVP den Full-Stack-SaaS-Starter, All in One beides.

Einmalzahlung
Steuern enthalten
Kein Abo
Behalte jede erhaltene Version

Der Unterschied

+$10

Dazu alle UI-Vorlagen.

UI-Vorlagen allein kosten $19. Getrennt gekauft ergeben beide Pläne $88; All in One ist $79.

UI-Vorlagen

UI-Landingpages

$19USD
einmalig

Mehr als 9 bearbeitbare Next.js-Landingpage-Vorlagen. Ein Designprodukt, unabhängig vom Engineering-Starter.

UI-Vorlagen kaufen

MuseMVP

Full-Stack-SaaS-Starter

$69USD
einmalig

Next.js für Node und Cloudflare sowie die eigenständige MuseMVP-Flare-Vorlage. Authentifizierung, Zahlungen und Verwaltung enthalten.

MuseMVP kaufen

Bester Wert

All in One

MuseMVP + jede UI-Vorlage

$79USD
einmalig

Der Full-Stack-MuseMVP-Starter plus alle mehr als 9 UI-Landingpage-Vorlagen, einschließlich neuer während der Wartung. MuseMVP Flare.

All in One kaufen

SaaS-Basis

Next.js + Node-App

Next.js + Cloudflare-App

TanStack Start + Cloudflare-App

Authentifizierung, Zahlungen und Dashboard

AI-Native-Entwicklung

UI-Landingpage-Vorlagen

Mehr als 9 live stehende Landingpage-Vorlagen

Bearbeitbarer Seitencode, Layouts und Assets

Neue Vorlagen während der Wartung

Nach der Zahlung GitHub im Dodo-Kundenportal verbinden und jede Repository-Einladung annehmen.

UI-Vorlagen kaufen

MuseMVP kaufen

All in One kaufen

Bester Wert

Eine Zahlung. Steuern enthalten.

All in One

MuseMVP + jede UI-Vorlage

$79USD
einmalig

Der Full-Stack-MuseMVP-Starter plus alle mehr als 9 UI-Landingpage-Vorlagen, einschließlich neuer während der Wartung. MuseMVP Flare.

All in One kaufen

SaaS-Basis

EnthaltenNext.js + Node-App
EnthaltenNext.js + Cloudflare-App
EnthaltenTanStack Start + Cloudflare-App
EnthaltenAuthentifizierung, Zahlungen und Dashboard
EnthaltenAI-Native-Entwicklung

UI-Landingpage-Vorlagen

EnthaltenMehr als 9 live stehende Landingpage-Vorlagen
EnthaltenBearbeitbarer Seitencode, Layouts und Assets
EnthaltenNeue Vorlagen während der Wartung

Nach der Zahlung GitHub im Dodo-Kundenportal verbinden und jede Repository-Einladung annehmen.

Eine Zahlung. Steuern enthalten.

MuseMVP

Full-Stack-SaaS-Starter

$69USD
einmalig

Next.js für Node und Cloudflare sowie die eigenständige MuseMVP-Flare-Vorlage. Authentifizierung, Zahlungen und Verwaltung enthalten.

MuseMVP kaufen

SaaS-Basis

EnthaltenNext.js + Node-App
EnthaltenNext.js + Cloudflare-App
EnthaltenTanStack Start + Cloudflare-App
EnthaltenAuthentifizierung, Zahlungen und Dashboard
EnthaltenAI-Native-Entwicklung

UI-Landingpage-Vorlagen

Nicht enthaltenMehr als 9 live stehende Landingpage-Vorlagen
Nicht enthaltenBearbeitbarer Seitencode, Layouts und Assets
Nicht enthaltenNeue Vorlagen während der Wartung

Nach der Zahlung GitHub im Dodo-Kundenportal verbinden und jede Repository-Einladung annehmen.

Eine Zahlung. Steuern enthalten.

UI-Vorlagen

UI-Landingpages

$19USD
einmalig

Mehr als 9 bearbeitbare Next.js-Landingpage-Vorlagen. Ein Designprodukt, unabhängig vom Engineering-Starter.

UI-Vorlagen kaufen

SaaS-Basis

Nicht enthaltenNext.js + Node-App
Nicht enthaltenNext.js + Cloudflare-App
Nicht enthaltenTanStack Start + Cloudflare-App
Nicht enthaltenAuthentifizierung, Zahlungen und Dashboard
Nicht enthaltenAI-Native-Entwicklung

UI-Landingpage-Vorlagen

EnthaltenMehr als 9 live stehende Landingpage-Vorlagen
EnthaltenBearbeitbarer Seitencode, Layouts und Assets
EnthaltenNeue Vorlagen während der Wartung

Nach der Zahlung GitHub im Dodo-Kundenportal verbinden und jede Repository-Einladung annehmen.

Jeder Plan enthält

Lizenz für 1 entwickelnde Person
Mehrere kommerzielle Endprodukte
Private Übergabe eines Kundenprojekts
Updates der Produktlinie
Öffentliche Dokumentation und Community

Eine entwickelnde Person. Mehrere kommerzielle Produkte und private Übergabe des Quelltexts eines Kundenprojekts. Keine Weitergabe des Quelltexts und kein Weiterverkauf der Vorlagen.

Erhaltene Versionen bleiben für immer bei dir. Updates und neue Vorlagen sind enthalten, solange dieselbe Produktlinie gewartet wird, nicht künftige eigenständige Produkte oder unbegrenzter Service.

Es gibt kein Self-Service-Upgrade und keine Zahlung nur der Differenz. Zum Wechsel des Plans den Support kontaktieren.

Kommerzielle Lizenz und Erstattungen So erhältst du den Quelltext Support kontaktieren

Flare-FAQ

Rund um MuseMVP Flare

Lieferumfang, Unterschiede zur Next.js-Version, lokale Entwicklung und Betriebskosten.

Ist Flare in meinem Kauf enthalten?

Ja. MuseMVP und All in One enthalten den Flare-Quellcode sowie beide Next.js-Apps. Der UI-Templates-Plan allein nicht.

Was unterscheidet Flare von Next.js + Cloudflare?

Beide laufen auf Workers und nutzen D1 und R2. Flare wird mit TanStack Start und Vite nativ gebaut, ohne OpenNext-Adapter, und bringt zusätzlich Workers AI, Queues und Cron Triggers mit. Die Next.js-Version passt zu Teams, die bereits im Next.js-Ökosystem zu Hause sind.

Läuft wirklich alles auf Cloudflare?

Compute, Datenbank, Dateien, KI, Queues, geplante Jobs, E-Mail und Logs liegen in deinem Cloudflare-Konto. Zahlungs-Gateways (Stripe, Creem, Dodo Payments, Waffo) sowie Google- und GitHub-Login bleiben bewusst externe Dienste.

Kann ich ohne Cloudflare-Konto lokal starten?

Ja. pnpm muse:init legt lokal D1 an, erzeugt Secrets und richtet Testkonten ein, ganz ohne Cloudflare-Zugangsdaten. Workers AI hat allerdings keinen lokalen Emulator: Für echte Generierung musst du Remote-Bindings ausdrücklich aktivieren oder in dein eigenes Konto deployen.

Was kostet der Betrieb?

Workers, D1, R2, Queues und Workers AI werden nach Nutzung abgerechnet und haben Inklusivkontingente, aber das Template verspricht keinen Nullbetrag. Email Sending muss aktiviert und eine Absenderdomain verifiziert sein; Transaktionsmails an beliebige Empfänger erfordern derzeit Workers Paid. Maßgeblich sind Cloudflares aktuelle Preise.

Kann ich die UI-Templates wiederverwenden?

Ja. Die UI-Templates basieren auf Next.js; für TanStack Start passt du Routing und framework-spezifische Komponenten an.

Workers · D1 · R2 · AI · Queues · Email

Dein nächstes MVP, direkt auf Cloudflare.

Authentifizierung, Zahlungen, KI und Deployment-Werkzeuge sind bereit. Starte mit einem laufenden Worker statt mit einem leeren Repository.

pnpm muse:init
pnpm dev
muse:deploy --plan
muse:deploy --yes

All in One kaufen Live-Demo öffnen

Dokumentation lesen