Template Next.js, version 1.0.0, publiée le 13 octobre 2026

Périph, boutique pour une marque de streetwear

Une boutique complète pour une marque qui vend par drops, avec un parcours d'achat de bout en bout. Le paiement est simulé : vous branchez votre propre prestataire (Stripe, par exemple, en suivant la documentation fournie).

Catalogue filtrable par catégorie
Fiche produit : coloris, tailles, stock restant, guide des tailles
Panier conservé entre deux visites, synchronisé entre onglets
Page de commande : coordonnées, choix de livraison, confirmation
Seuil de livraison offerte et alerte de retour en stock
Next.js 16, React 19, TypeScript strict, aucune autre dépendance
README d'installation et de personnalisation, licence pour un projet

Paiement par carte bancaire, sécurisé par Polar. Keodev ne voit jamais votre carte.
Le montant final, taxes éventuelles comprises, s'affiche avant de payer.
Facture et accès au code envoyés par email dès le paiement validé.

Drop 04, AsphalteDémo en ligne : panier et commande fonctionnent

Sous le capot

Framework: Next.js 16, React 19
Langage: TypeScript strict
Style: Une feuille CSS, couleurs en variables
Dépendances: Aucune en dehors de Next.js et React
Node.js: Version 20 ou plus récente
Hébergement: Vercel, Netlify, ou statique par FTP

Ce que contient l'archive

README.md: installation et personnalisation
LICENSE.md: licence pour un projet
src/app/(shop)/page.tsx: accueil : drop et catalogue
src/app/(shop)/produit/[slug]/: fiche produit
src/app/(shop)/panier/: panier
src/app/(shop)/commande/: coordonnées, livraison, confirmation
src/app/(shop)/_components/: composants de la boutique
src/app/(shop)/_lib/: catalogue, panier, calculs
src/app/(shop)/periph.css: tout le style

Qui l'a écrit

Alexandre Keolasy, développeur front-end indépendant derrière Keodev. Le template est écrit avec la même exigence que les sites livrés aux clients du studio, et c'est moi qui réponds au support.

En savoir plus sur Keodev

Questions avant d'acheter

Le paiement en ligne est-il inclus ?

Non. Le parcours d'achat est complet jusqu'à la confirmation, mais le paiement est simulé. Le README explique comment brancher Stripe Checkout, le prestataire le plus courant.

Puis-je l'utiliser pour un client ?

Oui, pour un projet final par achat : votre boutique, ou celle d'un client pour qui vous travaillez. Un deuxième projet demande un deuxième achat.

Comment je reçois le code ?

Dès le paiement validé, Polar vous envoie un email avec la facture et l'accès : archive ZIP à télécharger et invitation au dépôt GitHub privé.

Faut-il savoir coder ?

Changer les produits, les prix et les couleurs se fait dans deux fichiers, sans connaître React. Brancher un paiement réel ou une base de données demande en revanche des bases en Next.js.

Et si quelque chose ne fonctionne pas ?

Pendant 30 jours, tout bug reproductible dans le code fourni est corrigé gratuitement : écrivez à contact@keodev.eu avec votre référence de commande.

Puis-je être remboursé ?

Le code étant livré dès le paiement, le droit de rétractation ne s'applique pas une fois l'accès ouvert. Essayez la démo avant d'acheter : elle tourne sur le même code.

Après le paiement

Le code tout de suite

Polar vous envoie la facture et l'accès : archive ZIP à télécharger et invitation au dépôt GitHub privé, qui reçoit les mises à jour.

Une licence par projet

Usage commercial perpétuel pour un projet final : votre boutique, ou celle d'un client. Détails dans les conditions générales de vente.

30 jours de support

Un bug reproductible dans le code fourni ? Écrivez à contact@keodev.eu.