Le stockage essentiel permet la connexion et le fonctionnement des outils d’apprentissage. Google Analytics mesure les visites ; Microsoft Clarity enregistre les interactions pour améliorer l’ergonomie. Ces deux services sont facultatifs et restent désactivés tant que vous n’avez pas fait votre choix. Lire notre politique de confidentialité.
Vous consultezStoz — Marketplace Next.jsNext.jsÀ partir de 49 $US
Commerce en ligneNext.jsModèle frontend
Stoz — Marketplace Next.js
Une vitrine sneakers et streetwear avec un catalogue de 30 produits exemples, des filtres, une comparaison de trois produits, des parcours d’achat et de vente et un journal de 12 articles. Code frontend Next.js, TypeScript et Chakra UI.
Les illustrations produits sont incluses ; les photographies produits de référence de la démo publique ne le sont pas.
Cette fiche est en français. La démo, le code fourni, la documentation et le paiement sont actuellement en anglais.
SCPar l’équipe SovranCodeMis à jour le 3 nov. 2026
Voir la démo Démo publiqueS’ouvre dans l’espace de prévisualisation SovranCode.
Illustrations produits StozIllustrations originales fournies dans le pack acheteur ; les photos produits de référence de la démo sont exclues.
PRÉSENTATION DU MODÈLE
Une interface marketplace complète, prête à accueillir vos services.
Stoz réunit découverte produit, comparaison, favoris, panier, commande simulée, annonces vendeur, comptes et journal de douze articles dans une vitrine responsive. Raccordez votre backend de commerce pour créer une marketplace opérationnelle.
21 familles de pagesVitrine, 30 fiches produits exemples, comparaison, achat, vente, compte, journal et assistance.4 · Aperçus des illustrationsQuatre aperçus des illustrations produits originales incluses dans le ZIP acheteur.Une interface adaptée à chaque écranLes versions ordinateur et mobile sont incluses.
Une interface de boutique de mode avec découverte éditoriale, fiches produits, panier avec variantes, parcours de commande, comptes clients et espace d’administration.
par l’équipe SovranCode
6 mois d’assistance
Pour vos questions sur les fonctionnalités incluses et l’installation documentée.
POUR QUI ?
Pour les équipes qui créent une expérience d’achat soignée.
Partez d’un parcours d’achat soigné et d’outils de gestion cohérents, puis raccordez les services que votre boutique utilise déjà.
01
Boutiques de sneakers et streetwear
Partez de la découverte produit, de la présentation éditoriale, des tailles et d’une interface d’achat complète.
Parfaitement adapté02
Projets de catalogues de collection
Adaptez la comparaison, les favoris, les fiches détaillées et les annonces de démonstration à votre catalogue.
Bien adapté03
Agences créant des interfaces de commerce
Personnalisez une vitrine cohérente et raccordez les services de production nécessaires à votre client.
Bien adapté04
Équipes raccordant un backend de commerce existant
Remplacez les données locales par des API authentifiées pour les prix, stocks, commandes et comptes clients.
Bien adapté
Choisissez Stoz si
Vous recherchez une interface cohérente sur tous les écrans, la maîtrise du code et la liberté de choisir vos services.
Prévoyez du temps d’intégration si
Votre projet exige un catalogue et des stocks à jour, de vrais paiements, des comptes clients, le traitement des commandes, des e-mails ou des promotions vérifiées côté serveur.
Aperçus des illustrations
Illustrations originales fournies avec le code acheteur.
Ouvrez une rubrique pour consulter les routes documentées. Vous retrouverez cette arborescence dans le README fourni.
La boutique et les contenus19 routes
/Carrousel de collections et vitrine
/browse/Recherche, filtres, tri et collections
/product/[slug]/Trente fiches produits exemples
/compare/Comparaison de trois produits
/favorites/Liste des produits favoris
/bag/Panier et quantités
/profile/Éditeur de profil local
/orders/Historique local des commandes
/orders/details/Détails des commandes
/sell/Création d’annonces vendeur
/selling/Annonces locales et annulation
/blog/Recherche et filtres du journal
/blog/[slug]/Douze pages d’articles
/about/Présentation de la marque
/help/Aide et questions fréquentes
/contact/Interface de brouillon de contact
/shipping/Base d’information sur la livraison
/privacy/Base de politique de confidentialité
/terms/Base de conditions d’utilisation
Le parcours d’achat1 route
/checkout/Commande simulée
L’espace client1 route
/account/Accès au compte de démonstration
LE CONTENU DU PACK
Le code, la documentation et les bases de votre futur site.
Catalogue de 30 produits avec recherche, filtres, tri et collections dans l’URL
Explorez les filtres de catégorie, marque, taille et prix avec un état partageable. Le catalogue exemple se modifie dans src/lib/products.ts.
Fiches produits, choix de taille, offres, favoris et interactions du panier
Consultez les produits, choisissez une taille, déposez une offre de démonstration et retrouvez favoris et panier après actualisation.
Comparaison de trois produits avec tailles et prix
Comparez jusqu’à trois produits, consultez leurs détails et retirez ou effacez votre sélection.
Commande locale, historique, annonces vendeur et édition du profil
Parcourez les espaces client et vendeur avec localStorage ; paiements, identité, stocks et livraison nécessitent votre backend.
Douze articles avec recherche, catégories et favoris de lecture
Parcourez douze articles, filtrez le journal et conservez une liste de lecture dans le navigateur courant.
Navigation responsive, panneaux à la demande et prise en charge du mouvement réduit
Réutilisez la navigation ordinateur et mobile, les sections différées, les raccourcis de recherche et les panneaux panier et favoris.
Export statique portable avec ressources locales et sans variables d’environnement requises
Exécutez npm run build et publiez out/ sur un hébergement statique. Ajoutez un serveur lorsque vous intégrez les fonctions backend.
Illustrations produits originales, photographies éditoriales créditées et identité vectorielle Stoz
Le ZIP acheteur remplace les photos produits de référence non autorisées par 30 illustrations SVG originales sans marque. Les crédits des photos du journal sont conservés.
Fichiers fournis
Code complet Next.js App Router, React, TypeScript et Chakra UI
Trente fiches produits exemples et douze articles
Illustrations produits SVG originales et identité vectorielle Stoz
Photographies du journal créditées avec variantes responsive
README et guides de démarrage, personnalisation, déploiement et intégration backend
Fichier de verrouillage, inventaire des ressources, mentions des dépendances, historique et résumé de licence
Node.js 22.13+ dans une version LTS prise en charge
npm
Accès Internet pour installer les dépendances et charger les polices Google
Vos services d’authentification, de paiement, de stock et de livraison pour la production
HÉBERGEMENT ET DÉPLOIEMENT
Du code à la mise en ligne, avec le choix de votre hébergeur.
La compilation génère un dossier portable out/. Publiez d’abord le site statique, puis raccordez vos services serveur à mesure que votre activité se développe.
POUR DÉMARRER
Déployer sur Vercel
Un chemin direct entre le dépôt fourni et une prévisualisation accessible en ligne.
01
ImporterReliez le dépôt à un nouveau projet Vercel.
02
ConfigurerAucune variable d’environnement n’est requise pour la démonstration statique fournie.
03
CompilerExécutez npm run build puis vérifiez chaque route.
02
Tout hébergeur statique
Publiez out/ sur un hébergeur qui prend en charge les fichiers index.html dans les sous-dossiers.
Facile à déplacer
03
Vos services backend
Conservez l’interface statique et raccordez votre API, votre CMS, votre base de données, l’authentification et les paiements.
Adapté à vos outils existants
04
Toutes les possibilités de Next.js
Modifiez output: 'export' avant d’ajouter des cookies, des Server Actions, des pages protégées ou des notifications Stripe.
Pour vos fonctions côté serveur
VOS QUESTIONS
Tout savoir avant de choisir.
Des réponses sur le code fourni, la documentation et les conditions de licence.
01Que contient le pack Stoz ?
Le code frontend Next.js complet, 30 produits exemples, 12 articles, la découverte et la comparaison, les parcours client et vendeur, les illustrations produits originales, l’identité Stoz, les photos du journal créditées, le fichier de verrouillage et la documentation.
02Les photos produits de la démo sont-elles incluses ?
Non. Le ZIP acheteur remplace les photos produits de référence par des illustrations SVG originales sans marque. La mise en page et les fonctionnalités sont incluses. Les photos du journal conservent leurs crédits. Remplacez les marques, images et textes exemples par vos contenus autorisés avant publication.
03La commande encaisse-t-elle des paiements ou crée-t-elle des commandes réelles ?
Non. Comptes, offres, annonces, commandes, favoris, comparaison et panier utilisent localStorage. La commande est simulée, les formulaires de contact enregistrent des brouillons locaux et les boutons Google ou Apple sont visuels. Ajoutez les services serveur sécurisés avant d’accepter des commandes réelles.
04Un tableau de bord administrateur ou un backend de production est-il inclus ?
Stoz inclut les interfaces client et vendeur. Il n’inclut pas de système d’administration de production, de service d’identité, de paiement, de stock, de base de données, d’envoi d’e-mails ni de livraison. Le guide backend explique les points d’intégration.
05Puis-je déployer Stoz sur un hébergement statique ?
Oui. Utilisez Node.js 22.13+ et npm, exécutez npm ci puis npm run build et publiez le dossier out/. Le modèle utilise des URL avec barre finale et des images locales. Aucune variable d’environnement n’est nécessaire pour la démonstration. Retirez output: export avant d’ajouter des fonctions serveur.
06L’application et la documentation sont-elles traduites en français ?
La fiche SovranCode est disponible en français et en anglais. L’application Stoz, la documentation et le paiement fournis sont en anglais. Vous pouvez traduire le code pour votre projet.
07Quelle licence choisir ?
Personnelle coûte 49 $ pour un projet qui vous appartient. Entreprise coûte 119 $ pour plusieurs projets d’une entreprise. Agence coûte 259 $ pour un nombre illimité de projets internes et clients. Les prix sont en USD, paiement unique, avec le même code. La redistribution ou revente comme modèle concurrent est exclue.
NOTES DE VERSION
Le pack et ses contrôles de publication.
7 contrôles documentésLa liste complète figure dans la documentation de version.Archive ZIP testée depuis une installation viergeDocumentation acheteur et illustrations originales vérifiées ; consultez docs/VERIFICATION.md pour les résultats de publication.Code de l’interface uniquementRaccordez vos services d’authentification, de catalogue, de stock, de paiement, de commande, d’autorisation vendeur, d’e-mail et de livraison.
v1.0.0Dernière version3 nov. 2026
Première version de l’interface
Version Stoz 1.0.0 proposée sur SovranCode
Trente produits exemples, douze articles et parcours d’achat et de vente de démonstration
Les illustrations SVG originales remplacent les photos de référence dans le pack acheteur
Les paiements, l’authentification, les stocks, la livraison et la messagerie de production nécessitent une intégration
L’ASSISTANCE SOVRANCODE
Besoin d’aide avec votre modèle ?
L’assistance couvre les fonctionnalités incluses, l’installation documentée et les bugs confirmés du modèle. Le développement sur mesure, la configuration de l’hébergement et l’intégration de services tiers sont des prestations distinctes.
Voir en plein écran
