Aperçu
Alinement est le code source complet d'un site marketing et commercial prêt pour la production, pensé pour une startup d'IA. Il prend en charge tout ce qui entoure votre produit (pages, connexion, paiement, traductions, analytique, SEO, déploiement et tests) pour que vous consacriez votre temps à l'IA elle-même.
Il repose volontairement sur des éléments simples : Eleventy transforme Nunjucks et Markdown en HTML statique, Sass et Tailwind gèrent les styles, et un peu de JavaScript natif regroupé par Bun ajoute l'interactivité. Aucun cadriciel à mettre à niveau, aucune dépendance à un fournisseur.
Ce qui est inclus
- Pages : accueil, tarifs, blogue, guides, connexion, inscription, vérification du courriel, paiement, confirmation de commande et 404, en anglais et en français.
- Paiement : vérification du courriel avant le paiement, codes promo, carte, PayPal et paiement intégré Flutterwave, plus les événements commerce GA4.
- Comptes : connexion sans mot de passe avec codes à 6 chiffres et compte à rebours de renvoi.
- SEO : liens canoniques et
hreflang, cartes Open Graph, données structurées et plan du site. - Thèmes : modes clair, sombre et système, plus une palette noir et blanc définie
par des jetons dans
src/scss/_tokens.scss. - Contrôles de qualité : formatage, lint, détection du code mort, parité i18n, tests Playwright, comparaison de captures, vérification des liens, seuil de couverture et Lighthouse.
Organisation du projet
src/
_data/ configuration, forfaits, navigation et traductions
_includes/ gabarits et partiels (Nunjucks)
content/ pages, articles et guides, par langue
js/ app.js, le service de données et le client d'API
scss/ jetons de design et styles des composants
scripts/ build, captures, Lighthouse, déploiement et contrôles
tests/ tests navigateur Playwright
Ce que vous construisez
Votre produit. Le modèle s'arrête à la frontière de l'API : tout ce dont le navigateur
a besoin d'un serveur passe par src/js/dataservice.js. En mode démo, il renvoie des
données fictives ; en mode réel, il appelle votre backend, là où vivent vos modèles,
vos requêtes et vos données. Le guide Brancher votre API
explique cette frontière.