Template Next.js, version 1.0.0, publiée le

Argile, boutique pour un atelier de céramique

49 €

Une boutique de céramique d'atelier complète, en Next.js, React et Tailwind CSS 4 : catalogue filtrable, fiche produit avec choix de l'émail et stock par série, panier, commande. Le paiement est simulé : vous branchez votre propre prestataire (Stripe, par exemple, en suivant la documentation fournie). Pas de démo en ligne : le code est livré avec son README.

  • Catalogue filtrable par type de pièce et par émail
  • Fiche produit : choix de l'émail, stock par série d'émaillage, fiche technique
  • Panier gardé dans le navigateur, page de commande avec livraison et confirmation
  • Pièces dessinées en SVG qui changent d'émail, à remplacer par vos photos avec next/image
  • Pages à propos, contact, livraison et retours, FAQ, 404, sitemap, robots.txt et métadonnées Open Graph (sans image)
  • Mentions légales, CGV et confidentialité : des modèles à faire relire par un professionnel, avec 36 marqueurs « À REMPLIR » pour vos informations
  • Next.js 16, React 19, Tailwind CSS 4, TypeScript strict
  • README d'installation et de personnalisation, licence pour un projet

Le paiement n'est pas encore ouvert. Laissez votre email pour être prévenu.

Série du four, grès et émaux froidsPièces dessinées en SVG, sans photo : à remplacer par les vôtres

Sous le capot

Framework
Next.js 16, React 19
Langage
TypeScript strict
Style
Tailwind CSS 4, thème en variables dans globals.css
Police
Schibsted Grotesk, via next/font
Dépendances
Aucune en dehors de Next.js, React et Tailwind CSS
Node.js
20.19 ou plus récent (22.13+ ou 24+ également pris en charge)
Hébergement
Export statique : Netlify, Vercel, IONOS, OVH ou FTP

Ce que contient l'archive

README.md
installation et personnalisation
LICENSE.md
licence pour un projet
src/app/page.tsx
accueil
src/app/catalogue/
catalogue filtrable
src/app/produit/[slug]/
fiche produit, une page par pièce
src/app/commande/
panier, coordonnées, livraison, confirmation
src/app/a-propos/, contact/, faq/, livraison-et-retours/
pages de contenu
src/app/mentions-legales/, conditions-generales-de-vente/, politique-de-confidentialite/
pages légales (modèles)
src/app/_components/
pièces SVG, cartes, filtres, fiche, panier, commande
src/app/_lib/
catalogue, panier, calculs, réglages
src/app/globals.css
Tailwind et thème (palette, rayons, police)
public/
.htaccess (Apache) et _headers (Netlify)

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 va jusqu'à la confirmation, mais le paiement est simulé, tout comme le formulaire de contact et les emails. Le README explique comment brancher Stripe Checkout, qui demande un hébergement Node et non l'export statique.

Les pages légales sont-elles prêtes à publier ?

Non. Les mentions légales, les CGV et la politique de confidentialité sont des modèles complets, sans aucune donnée réelle : 36 marqueurs « À REMPLIR » signalent ce que vous devez fournir (raison sociale, SIRET, adresse, hébergeur, médiateur…). Faites relire ces textes par un professionnel avant d'ouvrir la boutique : ils ne remplacent pas un conseil juridique.

Y a-t-il une démo en ligne ?

Non, Argile est livré sans démo hébergée. La liste de ce qui est inclus et l'arborescence de cette page décrivent le contenu. Le template se lance en local avec npm install puis npm run dev, et le README décrit chaque page et chaque fichier à modifier.

Puis-je mettre mes photos à la place des pièces dessinées ?

Oui. Les pièces sont des dessins SVG qui changent d'émail ; le README liste les quatre fichiers où les remplacer par vos photos avec next/image. Aucune image Open Graph n'est fournie : ajoutez la vôtre.

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

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. Une question sur le contenu avant d'acheter ? Écrivez à contact@keodev.eu.

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.