Shopify design-to-code

Votre thème Shopify devient un storefront Next.js. En heures, pas en semaines.

Donnez l’URL de votre Shopify. Souk inventorie ses pages et états, capture automatiquement ce qui est observable, reconstruit son design system en React, Tailwind CSS 4 et shadcn/ui, puis génère une preview Next.js vérifiée — avant de payer le code.

Aucun compte requis Progression visible en direct Voir le parcours
Fancy Palace · Reconstruction
86% couvert

Design system actuel, extrait de votre site

Ce que votre storefront utilise vraiment

32

Couleurs

47

Espacements

34

Composants

28

États

Composants de la boutique

01Fiche produit
14 preuves
02Panier latéral
4 preuves
03Filtres
5 preuves
04Choix de variante
7 preuves

Fiche produit · par défaut

UNE CHAÎNE, DEUX SYSTÈMES

Fidèle à la source. Propre dans le code.

Souk lit le vrai CSS calculé par le navigateur — couleurs exactes, espacements exacts, typographie exacte. Pas une estimation d’IA à partir d’un screenshot.

01

Capture automatique des pages clés

L’extension parcourt les pages, composants et versions mobile et desktop. Chaque capture reste téléchargeable en ZIP.

02

Retrouvez ce qui fait votre design

Couleurs, typographies, espacements, composants et variantes restent reliés aux pages qui les prouvent.

03

Un code propre, fidèle à votre design

Souk transforme votre site en design system React, Tailwind 4 et shadcn clair, avec chaque choix visuel expliqué.

04

Testez votre storefront Next.js

Pages, produits de démonstration, panier, espace client, accessibilité et fidélité sont vérifiés avant livraison.

Shopify, sans détour

Les pages et états observables, pas seulement la home.

Le moteur comprend les produits, variantes, collections, filtres, recherche, panier et états de disponibilité. Il inventorie les pages Shopify représentatives, automatise ce qui est observable et vous demande uniquement les états qui nécessitent votre session navigateur. Le rapport de couverture distingue toujours ce qui est capturé, inféré, manquant ou exclu.

Shopify public

Inventaire + capture automatique des pages clés

Automatique

Couverture du storefront

Chaque scène reste capturée, inférée, manquante ou exclue

Auditable

Boutique protégée ou état connecté

Reprise guidée dans votre session navigateur

Assisté

Checkout et compte

Présentés en mode démonstration (sans transaction réelle)

Preview
Une preview complète d’abord

Un seul produit. Le prix change, pas les fonctionnalités.

Vous recevez exactement le même storefront à chaque palier. Faire confiance tôt coûte moins cher ; attendre ne débloque aucune fonctionnalité supplémentaire.

Inclus pour tous

Analyse et preview avant achat, puis le même code source vérifié quel que soit votre palier.

  • Capture automatique des pages clés
  • Rapport de couverture : capturé, inféré, manquant ou exclu
  • Design system actuel extrait de votre site
  • Design system cible React, Tailwind 4 et shadcn/ui
  • Preview Next.js vérifiée et cliquable
  • Export ZIP complet du code source
  • Corrections couvertes pour le projet livré

Un storefront headless développé en agence : 10 000 à 15 000 €, 6 à 8 semaines. Souk : votre preview vérifiée gratuitement, le code à partir de 490 €.

01

Palier 1

Lancement

Tarif actif

490 €

par projet · Les 20 premiers projets

3× moins cher que le prix final. Vous faites confiance tôt, vous payez le prix early.

02

Palier 2

Consolidation

À venir

990 €

par projet · Les 100 projets suivants

Plateforme éprouvée par les premiers projets. Encore 33 % sous le prix final.

Disponible après le palier précédent
03

Palier 3

Prix final

À venir

1 490 €

par projet · Tarif permanent

Le prix de la plateforme rodée. Toujours ~10× sous un développement en agence.

Disponible après le palier précédent

Paiement unique par projet de conversion. Pas d’abonnement.

ROADMAP

Prêt aujourd’hui. Encore plus rapide demain.

Aujourd’hui

Votre storefront Next.js complet, vérifié, prêt à connecter.

Bientôt

Connexion en un clic à votre Shopify via Storefront API : vos vrais produits, votre vrai panier.

Incluse pour tous les projets déjà achetés, sans surcoût.

FAQ

Questions fréquentes

Ce qu’il faut savoir avant de lancer votre première conversion.

Pourquoi trois prix différents ?

Même produit, mêmes fonctionnalités, pour tout le monde. Le prix monte par paliers de volume : les premiers utilisateurs prennent plus de risque sur une plateforme jeune, ils paient moins. Les compteurs sont réels et l’historique des paliers reste affiché.

Ai-je besoin des droits sur le site que je capture ?

Pour une conversion fidèle : oui — vous confirmez être propriétaire du site ou agir pour le compte de son propriétaire avant la génération. L’analyse et l’exploration restent libres.

Est-ce que ça marche sur un site non-Shopify ?

L’extension peut capturer manuellement une page ou un composant sur d’autres sites et fournir le même ZIP riche. En revanche, l’inventaire automatique, la garantie de couverture et la conversion complète commercialisée aujourd’hui sont réservés à Shopify.

Quelle stack est générée ?

Next.js (App Router), Tailwind CSS 4, shadcn/ui, avec vos tokens de design comme source unique de vérité. Un code lisible, fait pour être maintenu.

Le storefront est-il connecté à mon Shopify ?

La version actuelle livre un storefront complet avec des produits de démonstration, prêt à connecter. La connexion automatique via Storefront API arrive prochainement — elle sera incluse sans surcoût pour tous les projets déjà achetés. Votre développeur ou agence peut aussi réaliser le branchement dès aujourd’hui : le code est standard et documenté.

À qui appartient le code ?

À vous. Export ZIP complet, stack standard, aucune dépendance à Souk après livraison.