Plasmic est un outil visuel open source pour React : les équipes construisent des pages sur un canvas avec leurs propres composants React, et les publient dans une base de code Next.js ou React. Luna Park construit toute l'application, frontend, logique et backend, compilée en Vue et Node.js.

- **Backend inclus.** Routes, crons et PostgreSQL, construits visuellement.
- **Logique visuelle.** Logique de l'interface et du backend en graphes.
- **Prix fixe.** Une licence, quels que soient le trafic et les utilisateurs.

![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 construisent visuellement et exportent du code. Les principales différences : périmètre, logique et prix.

| | Luna Park | Plasmic |
|---|---|---|
| **Périmètre** | [+Full stack] Interface, logique, backend | [~Frontend] Pages et composants |
| **Résultat** | Vue, Node.js, PostgreSQL | React, Next.js ([source](https://docs.plasmic.app/learn/loader-vs-codegen/)) |
| **Logique** | Graphes de scripting visuel, front et back | Interactions, requêtes de données, composants de code |
| **Backend** | [+Intégré] Routes, crons, PostgreSQL | [~Votre API ou CMS] ([source](https://docs.plasmic.app/learn/data-queries/)) |
| **Export du code** | [+Code source Vue + Node.js] (Pro) | [+Génération React] ([source](https://docs.plasmic.app/learn/loader-vs-codegen/)) |
| **Open source** | [-Non] | [+MIT et AGPL] ([source](https://github.com/plasmicapp/plasmic)) |
| **Prix** | Gratuit, ou Pro à 25 €/mois ou 300 € une fois | Gratuit, puis par siège de collaborateur ([source](https://www.plasmic.app/pricing)) |

## 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.

---

### Plasmic

1. Branchez un backend, comme une API HTTP sur une table Postgres.
2. Ajoutez un composant de formulaire avec les champs.
3. À l'envoi, lancez une requête de données qui insère la ligne.
4. Liez un texte à l'identifiant renvoyé.
:::

::: 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.")
:::

## Export du code

Les deux vous donnent du code. Plasmic génère des composants React pour votre application existante. Luna Park compile l'application complète, backend compris.

![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

- **Backend.** Plasmic a besoin d'une API ou d'un CMS derrière lui. Luna Park inclut [routes](/docs/fr/backend-data/routes), [crons](/docs/fr/backend-data/cron) et [PostgreSQL](/docs/fr/backend-data/database).
- **Logique.** Les interactions Plasmic lancent des requêtes et des composants de code. Les graphes Luna Park couvrent boucles, fonctions et données typées, front et back.
- **Usage.** Plasmic s'intègre à une base de code React existante. Luna Park démarre une nouvelle application.

## Lequel choisir ?

::: columns
### Luna Park

- Vous créez une nouvelle application, backend compris.
- Vous voulez une logique visuelle, pas seulement des pages visuelles.
- Vous travaillez avec Vue.

---

### Plasmic

- Vous avez une base de code React ou Next.js.
- Des équipes marketing ou design y construisent des pages.
- L'open source compte pour vous.
:::

## Avant de changer

- Luna Park n'est pas open source, et produit du Vue, pas du React.
- Jusqu'au lancement de l'[hébergement géré](/fr/pricing) fin 2026, vous [hébergez le backend](/docs/fr/deployment/deployment).

::: info
D'après Plasmic en octobre 2026. Voir [plasmic.app](https://www.plasmic.app) pour les fonctionnalités et prix actuels.
:::