<header class="flex items-center">

<NuxtImg src="logo.png" class="w-18" alt="Dywan Dev - Digital tools & templates" format="webp" quality="80" loading="lazy" />

<Item><nuxt-link href="/">Home</nuxt-link></Item>

<Item><nuxt-link href="/about">About</nuxt-link></Item>

<Item><nuxt-link href="/works"> Portfolio</nuxt-link></Item>

<Item><nuxt-link href="/contact_me"> Contact</nuxt-link></Item>

<a href="/contact-me" title="Get in touch with Dywan Dev"> Contact </a>

<themeswitch class="moon">Dark/Light</themeswitch>

<langswitch class="en">en/fa</langswitch>

</header>

<initilizecontent class="content">Hello World - Dywan Dev</initilizecontent>

<myname is="Dywan Dev" />

<jobtitle is="Digital tools · Templates · Case studies" />

<portfolios are="ready" number="8" />

<experience years="more than 6" />

<birthdate year="1998" month="july" day="11" />

<skills :list="['NUXT', 'Vue', 'React', 'Next', 'Javascript','Responsive Design', 'i18n', 'TypeScript]" />

<contactDetails :list="['contact@dywandev.com', 'linkedin.com/in/dywan-dev', 'github.com/dywan-dev']" />

Dywan Dev
Blog
De zéro au lancement : comment créer et vendre un template web en tant que développeur solo
9min

De zéro au lancement : comment créer et vendre un template web en tant que développeur solo

Introduction

Personne ne parle de la phase d’avant lancement.

On vous montre la landing page propre, les clients satisfaits, la capture des revenus. On ne vous montre pas les sessions de debug à 23h, les trois reconstructions, ni le moment où vous avez failli supprimer tout le projet parce que vous ne compreniez pas pourquoi la mise en page RTL cassait sur Safari.

Voici cette histoire.

Je suis développeur full stack solo basé au Maroc. J’ai construit Savoura Dywan — un template de site web restaurant multi-variantes avec trois styles distincts, support multilingue, capacité PWA, et une architecture entièrement pilotée par configuration — seul, sans financement, sans équipe, et sans garantie que quelqu’un l’achèterait.

Voici tout ce que j’ai appris : le processus, les décisions, les erreurs, et ce qu’il faut réellement pour passer d’une idée à un produit vendable.

1. Tout a commencé par un vrai problème, pas une idée

Les pires templates que j’ai vus ont été construits par des développeurs qui se demandaient « que dois-je construire ? ». Les meilleurs ont été construits par des développeurs qui se demandaient « de quoi ce client précis a-t-il vraiment besoin ? ».

Savoura Dywan a commencé avec un client : un restaurateur qui avait besoin d’un site. Pas un site générique — un site qui reflète sa marque. Élégant pour un restaurant haut de gamme. Chaleureux pour un restaurant de quartier. Rapide et direct pour une pizzeria.

En le construisant, j’ai compris que je construisais en fait trois sites avec une seule base de code. Et si j’en avais besoin une fois, quelqu’un d’autre en aurait besoin à nouveau.

C’est de là qu’est venue l’idée du template. Pas de la créativité. De l’observation.

La leçon : construisez des templates qui résolvent un problème déjà vu dans le réel. Les vrais problèmes ont de vrais acheteurs.

2. L’architecture d’abord — tout le reste ensuite

La plus grosse erreur des développeurs qui créent des templates, c’est de commencer par le design. Le design est visible. L’architecture est ce qui rend le template vendable.

Un beau template avec du contenu en dur n’est pas un produit. C’est une démo.

J’ai construit Savoura Dywan autour d’un principe unique : tout est configurable, rien n’est hardcodé. Branding, contenu, couleurs, liens sociaux, métadonnées SEO et toggles de fonctionnalités vivent dans un fichier central : siteConfig.js.

Un client ou un développeur qui achète le template modifie un seul fichier. Tout le site se met à jour. Pas de chasse dans les composants. Pas de changements cassants. Juste de la configuration.

Voici une version simplifiée de cette config centrale :

export const siteConfig = {
  variant: 'luxury', // 'luxury' | 'casual' | 'pizzeria'
  branding: {
    name: 'Le Jardin',
    logo: '/logo.png',
    primaryColor: '#c9a84c',
    tagline: 'Fine dining in the heart of the city'
  },
  seo: {
    title: 'Le Jardin — Fine Dining Restaurant',
    description: 'Award-winning cuisine in an intimate setting',
    ogImage: '/og-image.jpg'
  },
  contact: {
    phone: '+212 6XX XXX XXX',
    email: 'contact@lejardin.ma',
    address: '12 Rue Mohammed V, Casablanca'
  },
  features: {
    enableReservations: true,
    enableWhatsApp: true,
    enablePWA: true,
    enableNewsletter: false
  },
  social: {
    instagram: 'https://instagram.com/lejardin',
    facebook: 'https://facebook.com/lejardin'
  }
};

C’est ce qui transforme un template en produit. L’acheteur n’a pas besoin de comprendre votre structure de composants. Il renseigne ses informations et lance.

La leçon : concevez pour la personne qui va configurer, pas seulement pour celle qui va regarder.

3. Les choix de stack qui m’ont fait gagner du temps

Chaque choix technologique dans un template a un coût multiplié. Une mauvaise décision dans un projet perso vous coûte des heures. Une mauvaise décision dans un template coûte des heures à chaque développeur qui l’achète.

Voici ce que j’ai choisi pour Savoura Dywan, et pourquoi :

  • React 19 + Vite — builds rapides, écosystème moderne, familier pour le plus grand nombre de développeurs. Les acheteurs peuvent l’étendre sans apprendre un nouveau paradigme.
  • Tailwind CSS — style utility-first, les acheteurs personnalisent visuellement sans toucher à la logique des composants. Pas de chasse aux fichiers CSS.
  • Framer Motion — animations fluides et professionnelles avec peu de code. Ce type de motion donne une perception premium et justifie un prix plus élevé.
  • i18next — support multilingue avec RTL arabe prêt à l’emploi. Cela différencie fortement le template sur le marché MENA où très peu de concurrents le proposent.
  • Vite PWA Plugin — mode hors ligne et installabilité via un seul plugin. Forte valeur perçue côté client pour un coût d’implémentation réduit si prévu dès le départ.

La leçon : choisissez des technologies qui ajoutent de la valeur perçue à l’acheteur, pas seulement de l’élégance technique pour vous.

4. Le problème des 90%

Je dois être honnête sur un point.

J’ai terminé Savoura Dywan à 90% trois fois avant de le terminer à 100%.

Le premier 90% était la base des layouts et variantes. Puis j’ai ajouté le multilingue — 90% à nouveau. Puis PWA, animations, architecture de config — encore 90%.

À chaque fois que j’atteignais 90%, quelque chose de nouveau semblait indispensable : une nouvelle fonctionnalité, un raffinement, une meilleure structure de config. Et chaque ajout réinitialisait la sensation d’avoir fini.

C’est la phase la plus dangereuse quand on construit un produit solo. Pas le début, quand la motivation est haute. Pas le milieu, quand l’architecture se résout. La fin — quand le produit est pratiquement prêt mais que le perfectionnisme se déguise en contrôle qualité.

La question simple qui m’en a sorti :

Est-ce qu’un client payant verrait la différence entre ce que j’ai maintenant et ce que je m’apprête à ajouter ?

Si la réponse est non — on livre.

La perfection n’est pas une fonctionnalité. C’est un délai.

La leçon : définissez « fini » avant de commencer. Écrivez une liste des exigences de lancement au jour 1. Quand la liste est complète — lancez. Tout le reste, c’est la version 2.

5. Fixer le prix d’un template en solo

Le pricing est l’endroit où la plupart des développeurs solo sous-estiment fortement leur travail.

Le réflexe est de mettre un prix bas pour attirer des acheteurs. En réalité, un prix bas envoie un signal de faible qualité. Un restaurateur qui choisit entre un template à 15 $ et un template à 300 $ ne voit pas celui à 15 $ comme une affaire. Il le voit comme un risque.

Voici le cadre que j’utilise :

Coût de l’alternative : combien paierait un restaurateur à une agence locale pour un site sur mesure ? Au Maroc, entre 3 000 et 8 000 MAD. À l’international, entre 1 500 et 5 000 $. Votre template à 300 $ ne concurrence pas les autres templates. Il concurrence du développement sur mesure. Tarifez en conséquence.

Les paliers créent de la valeur perçue : un seul prix = décision oui/non. Trois paliers = choix entre options. Un palier template seul, un palier template + setup, et un palier template + personnalisation complète couvrent trois profils d’acheteurs et augmentent le revenu moyen par vente.

La leçon : fixez le prix par rapport à l’alternative que votre client paierait sinon, pas par rapport aux autres templates.

6. Le vendre — la partie pour laquelle personne ne vous prépare

Construire le template était la partie pour laquelle j’étais formé. Le vendre est la partie qui m’a remis à ma place.

Premier test : DM à froid à des restaurants locaux. 31 DMs en une semaine. Une réponse. Un ghost.

Le problème n’était pas le produit. Le problème était le canal et le message. Un restaurateur qui reçoit un DM d’un développeur inconnu n’a aucune raison de vous faire confiance, aucune preuve sociale, et aucune urgence d’agir.

Ce qui fonctionne réellement est différent :

Montrer le travail publiquement. Chaque projet livré est du contenu. Une capture vidéo du switch entre variantes. Un avant/après de site restaurant. Un décryptage technique du système de config. Publiez là où votre audience se trouve — LinkedIn pour les entreprises locales, Twitter/X et Instagram pour les créatifs internationaux.

Écrire sur ce que vous avez construit. Ce blog en est un exemple. Une personne qui cherche « how to build a web template », lit ceci et le trouve utile visitera Dywan Dev. Une partie achètera. Le contenu est le canal de vente le plus scalable pour un développeur solo sans budget marketing.

Laisser le premier acheteur créer la preuve. Un vrai témoignage client satisfait vaut plus que mille DMs à froid. Le portfolio artiste que j’ai construit avant Savoura Dywan m’a donné mon premier témoignage. Ce témoignage est aujourd’hui la base de chaque conversation commerciale que j’ai.

La leçon : vous ne pouvez pas vendre ce que personne n’a vu. La visibilité n’est pas de la vanité. C’est de l’infrastructure.

7. Ce que je ferais différemment

Si je recommençais Savoura Dywan aujourd’hui, je changerais trois choses :

  • Lancer à 80%, pas 100%. Le marché vous donne un meilleur feedback que votre perfectionnisme. Lancez avec les fonctionnalités cœur, récoltez les retours réels, construisez la V2 selon les demandes clients.
  • Documenter pendant la construction, pas après. Chaque décision d’architecture était fraîche dans mon esprit au moment de la prendre. Écrire immédiatement aurait produit un contenu plus authentique que de reconstruire tout de mémoire ensuite.
  • Définir l’acheteur avant d’écrire une ligne de code. J’ai construit Savoura Dywan pour des restaurateurs, mais les premiers acheteurs probables sont des développeurs qui doivent livrer vite un site restaurant. Ce sont des acheteurs différents, avec des objections et des processus de décision différents.

Conclusion

Construire et vendre un template web en solo n’est pas une stratégie de revenu passif. C’est un vrai business produit — avec toute la complexité, la frustration et la récompense que cela implique.

Les développeurs qui y réussissent ne sont pas forcément les plus techniques. Ce sont ceux qui terminent, livrent, et itèrent. Ceux qui traitent la visibilité avec le même sérieux que la qualité du code. Ceux qui comprennent qu’un produit introuvable n’est pas un produit.

Savoura Dywan n’est pas fini. Aucun produit ne l’est jamais. Mais il est lancé. Il est réel. Et chaque amélioration à partir de maintenant est guidée par le marché, pas par des hypothèses faites seul à minuit devant un écran.

C’est la différence entre construire et livrer.

Savoura Dywan est disponible dès maintenant — un template de site restaurant prêt pour la production en trois variantes, avec support multilingue, capacité PWA, et configuration complète depuis un seul fichier. Voir le template sur Dywan Dev.

Continuer la lecture

Voir toutVoir tout
WhatsApp