All in Cloudflaremusemvp-flare

Du MVP à la production,tout sur Cloudflare.

TanStack Start tourne nativement sur Workers grâce au plugin Vite de Cloudflare, sans couche d'adaptation. D1, R2, Workers AI, Queues et Email Sending sont déclarés dans un seul wrangler.jsonc. En local, ni Docker ni identifiants cloud, et la mise en ligne commence par un plan relisible.

Acheter All in One Ouvrir la démo Lire la documentation

La démo en ligne est servie par le Worker, la base D1 et le bucket R2 de Flare.

Worker · trois points d'entrée: 1
bindings natifs: 5
serveur à maintenir: 0
étapes de publication, toutes relisibles: 7

https://app.your-domain.comSurvolez un espace de travail pour voir quels bindings Cloudflare le servent.

Votre compte Cloudflare

Bonjour, local user

Your product, in motion.

Un endroit calme pour construire la prochaine chose utile.

Crédits disponibles: 30
Fichiers stockés: 0
Tâches IA: 0
Commandes: 0

Faire quelque chose d’utile.

Diffusez une réponse, ou résumez un document texte.

D1· Base SQLite

Utilisateurs, sessions, registre de crédits, tâches et événements de paiement vivent dans D1. Le schéma et les requêtes Drizzle sont dans packages/db, les migrations sont versionnées avec le dépôt et les plus risquées sont vérifiées avant déploiement.

Configuration: d1_databases → DB
Source: packages/db/src/index.ts

Lire le guide

Tout ce qui se trouve dans le cadre pointillé tourne dans votre propre compte Cloudflare. Les secrets d'exécution du Worker se limitent à AUTH_SECRET et aux identifiants CAPTCHA, OAuth et paiement que vous activez.

All in Cloudflare

Un compte. Un Worker. Tout le produit.

Calcul, données, fichiers, IA, jobs, mail et logs sont des bindings du même Worker. Vous héritez d’une plateforme au lieu de l’assembler.

Votre compte Cloudflare

Déclaré une fois dans wrangler.jsonc.

D1, R2, Workers AI, Queues, Cron Triggers et Email Sending sont des bindings natifs. Développement, preview et tests Workers exécutent le même code.

Worker
D1
R2
Workers AI
Queues
Cron Triggers
Email Sending

apps/web/wrangler.jsoncextrait

{
  "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 * * * *"] }
}

Pas de couche d’adaptation

TanStack Start, compilé en Worker.

Le plugin Vite Cloudflare émet un Worker. Aucune conversion OpenNext entre l’app et le edge.

Chemin de build

Next.js → OpenNext → Worker

TanStack Start → plugin Vite Cloudflare → Worker

Moins de secrets

Les bindings remplacent les clés d’accès.

Base, fichiers, modèle, file et boîte mail passent par le Worker. Les secrets d’exécution restent AUTH_SECRET et les fournisseurs que vous activez.

Atteint par binding, pas par clé

chaîne D1
clés d’accès R2
clé API du modèle
URL du broker de file
clé API mail

Encore un secret si vous l’activez

AUTH_SECRET
identifiants OAuth / Turnstile / paiement

Une stack plus légère

Sept briques d'infrastructure, un seul compte.

Des services auxquels on s'inscrit d'habitude un par un, avec leurs clés à garder, deviennent dans Flare des bindings d'un seul Worker.

Sept services que l’on achète d’habitude séparément, déjà attachés à un Worker.

Habituellement assemblé à la main

Plusieurs consoles, plusieurs clés, plusieurs factures

Dans Flare

Un compte, un wrangler.jsonc, une CLI

ExécutionUn serveur Node ou un conteneur à faire évoluerWorkerssrc/server.ts
Base de donnéesPostgres hébergé et sa chaîne de connexionD1DB
FichiersUn bucket S3 et des clés d'accèsR2R2_BUCKET
IAUn compte chez un fournisseur de modèles et une clé d'APIWorkers AIAI
TâchesUne file Redis et un worker permanentQueuesJOBS
CronUn service cron externe ou un processusCron Triggers*/5 * * * *
E-mailUn fournisseur d'e-mail et sa clé d'APIEmail SendingEMAIL

Aucune couche d'adaptation

TanStack Start est compilé en Worker par le plugin Vite officiel de Cloudflare, sans étape de traduction façon OpenNext. Développement, préversion et tests exécutent du code compatible Workers.

@cloudflare/vite-plugin

Zéro identifiant en local

pnpm muse:init crée une base D1 locale, génère AUTH_SECRET et ajoute deux comptes de test. Ni compte Cloudflare ni Docker.

pnpm muse:init

Moins de secrets

Base de données, fichiers, IA, files et e-mail passent par des bindings. Le Worker ne stocke que le secret d'authentification et les identifiants CAPTCHA, OAuth et paiement que vous activez.

AUTH_SECRET

MVP → production

Une commande pour démarrer. Un plan pour publier.

Le développement local ne touche jamais le cloud. Avant de déployer, vous voyez exactement ce qui sera créé et quelles migrations s'exécuteront ; après publication, des vérifications smoke publiques tournent automatiquement. Chaque commande renvoie un JSON stable et des codes de sortie, prêts pour la CI.

Initialiser en local

Génère AUTH_SECRET, applique les migrations D1 locales et crée deux comptes de test. Aucun identifiant Cloudflare à aucun moment.

~/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)"

]

codes de sortie0 succès1 échec2 bloqué3 smoke en échec

Le plan est en lecture seule et ne crée rien. Une migration en attente contenant DROP, TRUNCATE, DELETE ou UPDATE SET bloque le déploiement automatique.

Lire le guide de déploiement

Une seule gamme

Trois bases de code. Choisissez l'exécution adaptée.

Les deux applications Next.js vivent dans le dépôt musemvp et partagent des paquets métier. Flare est un dépôt indépendant, conçu pour Workers dès la première ligne.

Next.js + Nodemusemvp/apps/web

Next.js + Cloudflaremusemvp/apps/web-cloudflare

TanStack Start + Cloudflaremusemvp-flare/apps/webCette page

Framework

Next.js + NodeNext.js 16

Next.js + CloudflareNext.js 16 + OpenNext

TanStack Start + CloudflareTanStack Start + Vite

Runtime

Next.js + NodeNode.js sur Vercel ou Docker

Next.js + CloudflareCloudflare Workers via OpenNext

TanStack Start + CloudflareWorkers, nativement via le plugin Vite de Cloudflare

Données et fichiers

Next.js + NodePostgreSQL · stockage compatible S3

Next.js + CloudflareD1 · R2

TanStack Start + CloudflareD1 · R2

IA et tâches de fond

Next.js + NodeNon inclus

Next.js + CloudflareNon inclus

TanStack Start + CloudflareWorkers AI · Queues · Cron Triggers

Développement local

Next.js + NodePostgreSQL dans Docker Compose

Next.js + CloudflareD1 locale de Wrangler, sans Docker

TanStack Start + CloudflareD1 local, sans Docker ni identifiants cloud

Déploiement

Next.js + NodeVercel ou votre propre hôte Docker

Next.js + Cloudflarepnpm cf:deploy vers Workers

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

Choisissez-la si

Next.js + NodeVous avez besoin de PostgreSQL, d'auto-hébergement ou de processus Node de longue durée.

Next.js + CloudflareVous voulez une seule plateforme, un runtime edge et le moins d'infrastructure possible à exploiter.

TanStack Start + CloudflareLes MVP centrés sur l'IA qui veulent le chemin le plus léger du portable à Workers.

MuseMVP et All in One incluent les trois bases de code. L'offre Templates UI, non.

Voir Next.js + Cloudflare

Structure du projet

Un workspace pnpm aux frontières nettes.

apps/web porte l'interface et l'entrée du Worker ; la logique métier vit dans packages. Survolez une entrée pour voir le vrai code.

musemvp-flare / pnpm workspaceSurvoler ou cibler pour prévisualiser

Explorateur

functions.tsOuvrir la documentation

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,

Extrait source

Extraits vérifiés, générés lors du build.

Lire le guide de structure

Trois offres. Un paiement.

Choisissez l'offre adaptée

Chaque offre est un achat unique, taxes comprises. Les modèles UI couvrent les pages d'atterrissage, MuseMVP le starter SaaS full-stack, et All in One inclut les deux.

Paiement unique
Taxes comprises
Pas d'abonnement
Gardez chaque version reçue

La différence

+$10

Ajoute tous les modèles UI.

Les modèles UI seuls coûtent $19. Achetées séparément, les deux offres totalisent $88 ; All in One est à $79.

Modèles UI

Landing pages UI

$19USD
paiement unique

Plus de 9 modèles de pages d'atterrissage Next.js modifiables. Un produit de design, indépendant du starter d'ingénierie.

Acheter les modèles UI

MuseMVP

Starter SaaS full-stack

$69USD
paiement unique

Next.js pour Node et Cloudflare, plus le template indépendant MuseMVP Flare. Authentification, paiements et administration inclus.

Acheter MuseMVP

Meilleur choix

All in One

MuseMVP + chaque modèle UI

$79USD
paiement unique

Le starter full-stack MuseMVP plus les 9 modèles UI de pages d'atterrissage et plus, y compris les nouveaux pendant la maintenance. MuseMVP Flare.

Acheter All in One

Socle SaaS

App Next.js + Node

App Next.js + Cloudflare

App TanStack Start + Cloudflare

Authentification, paiements et tableau de bord

Développement AI Native

Modèles UI de pages d'atterrissage

Plus de 9 modèles de pages d'atterrissage en ligne

Source de page, mises en page et assets modifiables

Nouveaux modèles pendant la maintenance

Après le paiement, connectez GitHub dans le portail client Dodo, puis acceptez chaque invitation de dépôt.

Acheter les modèles UI

Acheter MuseMVP

Acheter All in One

Meilleur choix

Un paiement. Taxes comprises.

All in One

MuseMVP + chaque modèle UI

$79USD
paiement unique

Le starter full-stack MuseMVP plus les 9 modèles UI de pages d'atterrissage et plus, y compris les nouveaux pendant la maintenance. MuseMVP Flare.

Acheter All in One

Socle SaaS

InclusApp Next.js + Node
InclusApp Next.js + Cloudflare
InclusApp TanStack Start + Cloudflare
InclusAuthentification, paiements et tableau de bord
InclusDéveloppement AI Native

Modèles UI de pages d'atterrissage

InclusPlus de 9 modèles de pages d'atterrissage en ligne
InclusSource de page, mises en page et assets modifiables
InclusNouveaux modèles pendant la maintenance

Après le paiement, connectez GitHub dans le portail client Dodo, puis acceptez chaque invitation de dépôt.

Un paiement. Taxes comprises.

MuseMVP

Starter SaaS full-stack

$69USD
paiement unique

Next.js pour Node et Cloudflare, plus le template indépendant MuseMVP Flare. Authentification, paiements et administration inclus.

Acheter MuseMVP

Socle SaaS

InclusApp Next.js + Node
InclusApp Next.js + Cloudflare
InclusApp TanStack Start + Cloudflare
InclusAuthentification, paiements et tableau de bord
InclusDéveloppement AI Native

Modèles UI de pages d'atterrissage

Non inclusPlus de 9 modèles de pages d'atterrissage en ligne
Non inclusSource de page, mises en page et assets modifiables
Non inclusNouveaux modèles pendant la maintenance

Après le paiement, connectez GitHub dans le portail client Dodo, puis acceptez chaque invitation de dépôt.

Un paiement. Taxes comprises.

Modèles UI

Landing pages UI

$19USD
paiement unique

Plus de 9 modèles de pages d'atterrissage Next.js modifiables. Un produit de design, indépendant du starter d'ingénierie.

Acheter les modèles UI

Socle SaaS

Non inclusApp Next.js + Node
Non inclusApp Next.js + Cloudflare
Non inclusApp TanStack Start + Cloudflare
Non inclusAuthentification, paiements et tableau de bord
Non inclusDéveloppement AI Native

Modèles UI de pages d'atterrissage

InclusPlus de 9 modèles de pages d'atterrissage en ligne
InclusSource de page, mises en page et assets modifiables
InclusNouveaux modèles pendant la maintenance

Après le paiement, connectez GitHub dans le portail client Dodo, puis acceptez chaque invitation de dépôt.

Chaque offre comprend

Licence pour 1 développeur
Plusieurs produits finaux commerciaux
Remise privée d'un projet client
Mises à jour de la ligne de produit
Documentation publique et communauté

Un développeur. Plusieurs produits commerciaux et remise privée du source d'un projet client. Pas de redistribution du source ni de revente des modèles.

Les versions reçues restent à vous pour toujours. Les mises à jour et les nouveaux modèles sont inclus tant que la même ligne de produit est maintenue, pas les futurs produits indépendants ni un service illimité.

Il n'y a pas de mise à niveau en libre-service ni de paiement de la différence. Pour changer d'offre, contactez le support.

Licence commerciale et remboursements Comment obtenir le source Contacter le support

FAQ Flare

À propos de MuseMVP Flare

Contenu de l'achat, différences avec la version Next.js, développement local et coûts.

Flare est-il inclus dans mon achat ?

Oui. MuseMVP et All in One incluent le code de Flare ainsi que les deux applications Next.js. L'offre Templates UI seule ne l'inclut pas.

Quelle différence avec Next.js + Cloudflare ?

Les deux se déploient sur Workers et utilisent D1 et R2. Flare est compilé nativement avec TanStack Start et Vite, sans adaptateur OpenNext, et intègre en plus Workers AI, Queues et Cron Triggers. La version Next.js convient aux équipes déjà installées dans l'écosystème Next.js.

Tout est-il vraiment sur Cloudflare ?

Calcul, base de données, fichiers, IA, files, tâches planifiées, e-mail et journaux sont dans votre compte Cloudflare. Les passerelles de paiement (Stripe, Creem, Dodo Payments, Waffo) et la connexion Google et GitHub restent des services externes par choix.

Puis-je démarrer en local sans compte Cloudflare ?

Oui. pnpm muse:init crée D1 en local, génère les secrets et ajoute des comptes de test sans aucun identifiant Cloudflare. Workers AI n'a toutefois pas d'émulateur local : pour tester une vraie génération, activez explicitement les bindings distants ou déployez sur votre propre compte.

Combien coûte l'exploitation ?

Workers, D1, R2, Queues et Workers AI sont facturés à l'usage avec des quotas inclus, mais le modèle ne promet pas un coût nul. Email Sending doit être activé avec un domaine d'expédition vérifié, et l'envoi transactionnel vers n'importe quel destinataire requiert actuellement Workers Paid. Référez-vous aux tarifs Cloudflare en vigueur.

Puis-je réutiliser les templates UI ?

Oui. Les templates UI reposent sur Next.js ; pour TanStack Start, adaptez le routage et les composants propres au framework.

Workers · D1 · R2 · AI · Queues · Email

Votre prochain MVP, directement sur Cloudflare.

Authentification, paiements, IA et outils de déploiement sont prêts. Partez d'un Worker qui tourne, pas d'un dépôt vide.

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

Acheter All in One Ouvrir la démo

Lire la documentation