FlutterFlow et Luna Park exportent tous deux du code et créent des applications natives. FlutterFlow repose sur Flutter, le framework mobile de Google. Luna Park repose sur la stack web : Vue, Node.js et PostgreSQL. - **Conçu pour le web.** Des pages HTML et CSS, avec balises SEO et sitemap. - **Backend inclus.** Routes, crons et PostgreSQL, construits visuellement. - **Toutes les plateformes.** Web, PWA, desktop, Android et iOS depuis un projet. ![Sunset Park dans l'éditeur Luna Park](https://luna-park.app/static/assets/builder-DAXbtfYB.png "Sunset Park, un site de démonstration créé avec Luna Park.") ## En un coup d'œil Les deux exportent du code et créent des applications natives. Les principales différences : plateforme principale, backend et rendu web. | | Luna Park | FlutterFlow | |---|---|---| | **Cible principale** | Web, puis desktop et mobile | Mobile, puis web et desktop | | **Logique** | Graphes de scripting visuel, compilés en JavaScript | Action flows, code Dart sur mesure | | **Backend** | Routes, crons, PostgreSQL | Firebase ou Supabase, cloud functions | | **Rendu web** | [+HTML et CSS] Balises SEO par page | [~Canvas] Flutter web | | **Export du code** | [+Code source Vue + Node.js] (Pro) | [+Code Flutter] ([offres payantes](https://www.flutterflow.io/pricing)) | | **Prix** | Gratuit, ou Pro à 25 €/mois ou 300 € une fois | Sièges ([source](https://www.flutterflow.io/pricing)) | | **Plateformes** | [=Web] [=PWA] [=Desktop] [=Android] [=iOS] | [=Android] [=iOS] [=Web] [=Desktop] | ## Exemple : un formulaire de liste d'attente Les visiteurs saisissent leur nom, leur email et leur attraction préférée, et reçoivent un numéro de ticket. ::: columns ### Luna Park 1. Placez les champs et un bouton, chaque champ lié à une variable. 2. Au clic, un graphe envoie les variables à une route backend et affiche le ticket. 3. La route insère une ligne dans la table `Waitlist` et renvoie son identifiant. --- ### FlutterFlow 1. Construisez la page avec des widgets. 2. Créez une collection Firestore ou une table Supabase. 3. Ajoutez un action flow : créer un document ou insérer une ligne. 4. Réglez les règles d'accès dans Firebase ou Supabase. ::: ::: gallery ![La logique du clic sur le formulaire](https://luna-park.app/static/assets/logic-C66duI84.png "Au clic : lire les champs, appeler la route, afficher le ticket.") ![La route backend Join Waitlist](https://luna-park.app/static/assets/route-DQo3hM8a.png "La route : recevoir le body, insérer une ligne, renvoyer son identifiant.") ::: ## Web et SEO Les applications Flutter web [s'affichent dans un canvas](https://docs.flutter.dev/platform-integration/web/renderers), pas en éléments HTML. Cela pèse sur l'indexation, le poids au chargement, la sélection de texte et l'accessibilité. Luna Park génère une application Vue : chaque page a son titre, sa description et son image de partage, pages dynamiques comprises, et le backend sert un sitemap ([SEO](/docs/fr/deployment/seo)). ![Le panneau SEO d'une page](https://luna-park.app/static/assets/seo-BCDFkDXI.png "Réglages SEO de la page d'accueil de Sunset Park.") ## Export du code FlutterFlow exporte un projet Flutter, avec un backend Firebase ou Supabase à faire tourner. Luna Park exporte toute l'application : frontend Vue, backend Node.js, schéma PostgreSQL. ![Le composant compilé en Vue](https://luna-park.app/static/assets/code-BUYWx0sG.png "La liste d'attente, compilée en Vue et TypeScript.") ## Autres différences - **Logique serveur.** Les routes Luna Park utilisent les mêmes graphes que l'interface. La logique serveur de FlutterFlow passe par des cloud functions, écrites en code. - **Requêtes.** Firestore n'a pas de jointures et peu d'agrégats. Supabase demande des fonctions SQL écrites à la main pour les requêtes complexes. Luna Park construit jointures, agrégats et [transactions](/docs/fr/backend-data/database#nodes-specialises) visuellement. - **Écosystème.** N'importe quel [paquet npm](/docs/fr/integrations/npm) devient des nœuds. ## Lequel choisir ? ::: columns ### Luna Park - Votre produit est d'abord une application web. - Les moteurs de recherche comptent. - Vous voulez le backend dans le même outil. --- ### FlutterFlow - Votre produit est d'abord une application mobile. - Vous avez besoin de nombreuses fonctions de l'appareil ou d'écrans très graphiques. - Firebase vous convient. ::: ## Avant de changer - Les [applications mobiles](/docs/fr/deployment/mobile) Luna Park font tourner le frontend web dans une coque native : adaptées aux applications métier, pas aux applications très graphiques. - Jusqu'au lancement de l'[hébergement géré](/fr/pricing) fin 2026, vous [hébergez le backend](/docs/fr/deployment/deployment). ## De FlutterFlow à Luna Park | FlutterFlow | Luna Park | |---|---| | Page, composant | [Page, composant](/docs/fr/interface/components) | | Page state, component state | [Variable](/docs/fr/logic/variables) | | App state | [Store](/docs/fr/logic/store) | | Action flow | Graphe de logique | | Custom function, custom action | [Fonction](/docs/fr/logic/scripts) | | Custom widget | Composant de [plugin](/docs/fr/plugins/introduction) | | Collection Firestore, table Supabase | Table de [base de données](/docs/fr/backend-data/database) | | Cloud function | [Route](/docs/fr/backend-data/routes) | | Appel d'API | Nœud `Fetch` | | Thème | [Tokens de design](/docs/fr/styling/overview#tokens-de-design) | ::: info D'après FlutterFlow en octobre 2026. Voir [flutterflow.io](https://flutterflow.io) pour les fonctionnalités et prix actuels. :::