Publino : Le template Next.js ultime pour les startups modernes

En bref : Publino est un template Next.js 16 payant d'Aniq-UI, conçu comme landing page pour un produit par abonnement ou une entreprise qui vend des formules. Il comprend trois pages (accueil, tarifs avec formules mensuelles et annuelles, et contact) en anglais et en arabe, avec une version arabe de droite à gauche, des thèmes sombre et clair, et aucune base de données ni back end à configurer. Vous le lancez avec Docker ou avec Node.js et Yarn, vous remplacez le contenu d'exemple, puis vous le mettez en ligne sur Vercel, sur un serveur Node.js ou chez tout hébergeur qui exécute Docker.

Vous cherchez un template de landing page moderne et performant construit avec Next.js 16 ? Découvrez Publino : la solution tout-en-un pour les SaaS, startups, agences et créateurs souhaitant lancer rapidement et avec professionnalisme.

🖼️ Démo en ligne

Voyez Publino en action :

1. 🔗 Démo en ligne
2. 🛒 Acheter Publino

🚀 Pourquoi Publino ?

Publino est bien plus qu’un simple template. C’est un kit UI complet et un système de landing page, conçu pour la vitesse, le SEO, l’accessibilité et la conversion. Que vous lanciez un nouveau produit, validiez une idée ou modernisiez le site de votre agence, Publino vous donne l’avantage.

Fonctionnalités clés

1. Next.js 16 & React 19 : Dernières technologies pour des performances fulgurantes.
2. Optimisé SEO : HTML sémantique, Open Graph, Twitter cards, données structurées incluses.
3. Mode sombre : Thèmes clair et sombre élégants en un clic.
4. Design responsive : Parfait sur mobile, tablette et desktop.
5. Composants premium : Hero, tarifs, FAQ, contact, etc.
6. Déploiement en un clic : Sur Vercel ou votre plateforme favorite en quelques secondes.
7. Personnalisation facile : Modifiez couleurs, polices et sections simplement.
8. Mises à jour à vie : Améliorations continues et nouvelles fonctionnalités.

🔥 Qu’est-ce qui rend Publino unique ?

1. Axé conversion : Chaque section est pensée pour générer des inscriptions et des ventes.
2. Performance avant tout : des pages légères, pensées pour charger vite, sans superflu.
3. Pensé pour les développeurs : TypeScript, Tailwind CSS 4, code propre et documenté.
4. Prêt pour la production : Licences et contact inclus.
5. Prêt pour l’internationalisation : Ajoutez facilement plusieurs langues avec next-intl.

🛠️ Que contient Publino ?

Publino inclut tout ce dont vous avez besoin :

1. Landing page : Hero, fonctionnalités, avantages, tarifs, FAQ, contact.
2. Composants UI : Boutons, modales, cartes, onglets, etc.
3. Prêt pour le blog : Ajoutez facilement un blog pour booster votre SEO.
4. Formulaire de contact : Intégré et prêt à connecter à votre backend ou service.
5. SEO & Analytics : Balises meta, données structurées, intégration analytics facile.

💡 Pour qui est Publino ?

1. Fondateurs SaaS : Lancez votre MVP ou site produit en quelques heures.
2. Agences : Offrez des sites époustouflants à vos clients sans effort.
3. Indie hackers : Validez vos idées et développez votre audience rapidement.
4. Marketeurs : Générez des leads avec des landing pages pour vos campagnes.

🛒 Obtenez Publino dès aujourd’hui

Prêt à lancer votre prochain projet ? Achetez Publino maintenant et bénéficiez d’un accès instantané, de mises à jour à vie et d’un support premium.

📦 Comment utiliser Publino

1. Téléchargez le template (.zip).
2. Installez les dépendances :

yarn install

1. Démarrez le serveur de développement :

yarn dev

1. Personnalisez votre contenu, couleurs et branding.
2. Déployez sur Vercel, Netlify ou votre hébergeur préféré.

📈 Boostez votre SEO & trafic

Publino est conçu selon les meilleures pratiques SEO. Ajoutez votre blog, optimisez votre contenu et grimpez dans les résultats de recherche. Avec des temps de chargement rapides et une optimisation mobile, vos visiteurs (et Google) adoreront votre site.

🙋‍♂️ Besoin d’aide ?

Consultez la documentation.

---

Prêt à créer votre prochain succès ? Obtenez Publino maintenant et lancez-vous en toute confiance !

---

Références :

1. Documentation Next.js
2. Top templates Nextjs
3. Internationalisation next-intl

Découvrez la démo du template de landing page Next.js (édition 2026) ou parcourez d'autres templates de landing pages Next.js sur Aniq-UI.

Ce que contient le téléchargement, en détail

Les trois pages

Page	Adresse	Ce qu'elle affiche
Accueil	/	La landing page, section par section (tableau suivant)
Tarifs	/pricing	Trois formules avec un interrupteur Monthly et Annual, un tableau comparatif de 21 fonctionnalités et six questions
Contact	/contact	Un formulaire de contact, les coordonnées de l'entreprise, des liens sociaux et trois questions

Chaque page existe aussi en arabe sous /ar, avec une mise en page de droite à gauche. Publino n'a pas de page de blog : si votre site en a besoin, vous l'ajoutez vous-même.

La page d'accueil, section par section

Section	Ce qu'elle affiche
Hero	Un titre qui apparaît mot après mot, une phrase et deux boutons
Maquette de tableau de bord	Un tableau de bord de déploiements incliné en 3D, construit en code, avec des cartes de chiffres déplaçables
Pourquoi nous choisir	Quatre cartes avec une lumière qui suit le pointeur
Fonctionnalités	Cinq cartes animées, dont des scores de performance et un globe 3D
Templates	Quatre cartes de templates avec une image, un badge et un prix
Responsive	Un site affiché sur ordinateur, tablette et téléphone
Tarifs	Les trois formules mensuelles avec un filtre par catégorie de fonctionnalités
FAQ	Dix questions avec catégories et recherche
Communauté mondiale	Une carte du monde avec un formulaire de message par-dessus

La maquette et les cartes de fonctionnalités sont des illustrations : leurs scores, villes et chiffres sont des données d'exemple fixes. Le site s'ouvre en thème sombre, un bouton soleil et lune passe au thème clair, et le navigateur retient le choix.

Stack technique

Next.js 16 avec l'App Router, React 19 et TypeScript, Tailwind CSS 4, next-intl pour l'anglais et l'arabe, React Hook Form avec Zod pour les deux formulaires, Motion pour les animations, Recharts, dnd-kit et cobe pour le graphique, les cartes déplaçables et le globe, ainsi que Radix UI et Tabler Icons. Chaque dépendance est fixée à une version exacte et yarn.lock est livré avec le téléchargement : votre installation correspond à celle sur laquelle le template a été testé.

Offre et licence

Publino est vendu en une seule offre, Landing page : la landing page complète, avec une mise en page responsive, un mode sombre, des pages prêtes pour le SEO et un chargement rapide. Le prix actuel figure sur la page du template Publino, et Publino fait aussi partie des dix templates du pack de templates Next.js.

La licence est commerciale : vous pouvez l'utiliser dans autant de projets que vous le souhaitez, pour vous ou pour vos clients, modifier le code et livrer des sites finis à vos clients. Vous ne pouvez pas revendre ni partager publiquement le code source, l'intégrer à un projet open source, ni le vendre comme template, kit UI, thème ou starter kit.

Ce que vous branchez vous-même

• Formulaires. Le formulaire de contact et celui de la page d'accueil vérifient ce que saisissent les visiteurs, mais n'envoient rien tant que vous ne les reliez pas à votre propre service.
• Paiements. Aucun n'est inclus. Les boutons des formules mènent à la page de contact ou au formulaire de la page d'accueil ; pour vendre, dirigez-les vers votre propre page de paiement.
• Éléments provisoires. Login, Book a call et les deux boutons du hero attendent vos propres liens, et les textes, chiffres, personnes, prix et cartes de templates sont du contenu d'exemple à remplacer.

Exemples d'utilisation

Le contenu d'exemple décrit une plateforme fictive qui vend des composants UI et des templates, mais la mise en page convient à toute offre avec des formules et une étape de contact :

• Un logiciel par abonnement, avec des formules mensuelles et annuelles, un tableau comparatif et une FAQ déjà en place.
• Un cabinet de conseil ou une agence, avec les formules utilisées comme offres de service qui mènent à la page de contact. La licence couvre les sites réalisés pour des clients.
• Le site d'une petite entreprise qui a besoin de trois pages, d'un formulaire de contact et de deux langues.
• Un lancement de produit ou une campagne, avec la page d'accueil utilisée seule.
• Une entreprise avec une clientèle arabophone, puisque la version arabe est complète et se lit de droite à gauche.

Si le site a aussi besoin d'un blog, de pages de connexion ou d'un portfolio, choisissez un autre template dans la comparaison ci-dessous.

Prise en main, étape par étape

1. Téléchargez et lancez le template

Téléchargez le ZIP depuis Mes templates dans votre tableau de bord Aniq-UI, décompressez-le et ouvrez un terminal dans le dossier Publino-template. Avec Docker en marche :

docker build -t publino-landing .
docker run -p 3030:3030 publino-landing

Sans Docker, installez Node.js 20.9 ou plus récent (22 ou 24 est recommandé) et lancez :

corepack enable
yarn install
yarn dev

Ouvrez localhost:3030 pour l'anglais et localhost:3030/ar pour l'arabe. Si le port est déjà pris, utilisez yarn dev -p 3041.

2. Modifiez le contenu

Tous les textes visibles se trouvent dans messages/, répartis en quatre dossiers (common, home, pricing, contact) qui contiennent chacun un en.json et un ar.json. Modifiez les deux fichiers et gardez les mêmes clés. Les deux sections de tarifs lisent leurs prix dans un seul petit fichier : un prix se change à un seul endroit.

3. Modifiez les couleurs et l'identité visuelle

Les deux thèmes sont des valeurs de couleur dans src/styles/theme.css : le clair sous :root, le sombre sous [data-theme="dark"]. Changez --interactive-primary pour les boutons principaux ou --background pour le fond de page. Le logo est une icône de fusée suivie du nom du site, dans src/layouts/Navbar/index.tsx, et les favicons comme l'image de partage (public/image.png, 1200 sur 630 pixels) sont des fichiers de public/.

4. Reliez les formulaires

Reliez chaque formulaire que vous gardez à votre API, à un service de formulaires ou à votre plateforme d'e-mailing, et supprimez l'autre. Définir NEXT_PUBLIC_RECAPTCHA_SITE_KEY ajoute une case Google reCAPTCHA v2 au formulaire de la page d'accueil. Gardez les clés secrètes sur un serveur, car toute valeur NEXT_PUBLIC_ est lisible dans la page.

5. Définissez votre adresse et déployez

Définissez NEXT_PUBLIC_SITE_URL avec votre domaine là où le build s'exécute : les liens canoniques, les liens de langue, le sitemap, robots.txt et les cartes de partage en sont déduits. Déployez ensuite sur Vercel depuis un dépôt Git privé (ajoutez ENABLE_EXPERIMENTAL_COREPACK=1), sur un serveur Node.js avec yarn build et yarn start derrière Nginx ou Caddy, ou sous forme d'image Docker. Un hébergeur qui ne sert que des fichiers statiques ne suffit pas, car c'est le serveur qui choisit la langue de chaque visiteur. Une fois en ligne, vérifiez que chaque adresse de /sitemap.xml commence par votre domaine.

Publino face aux autres templates landing page et entreprise d'Aniq-UI

Template	Type	Pages	Idéal pour
Publino	Payant, Next.js 16	Accueil, tarifs, contact	Un produit par abonnement ou une entreprise qui a besoin de formules et d'un formulaire de contact
Modèle SaaS	Payant, Next.js 16	Accueil, tarifs, blog, contact, pages de connexion, pages légales et pages d'erreur	Un logiciel qui a besoin d'un blog et de pages de compte
Page SaaS	Gratuit, Next.js 15	Une page, avec tarifs et tableau comparatif	Une landing page SaaS sombre, sans frais
Site Société	Gratuit, Next.js 15	Une page, dix sections	Une entreprise ou un cabinet de conseil sur une seule page
Agence Design Web	Gratuit, Next.js 15	Une page, avec réalisations, méthode et formulaire de contact	Une agence ou un freelance qui présente son travail
Landing 3D	Gratuit, Next.js 15 et Three.js	Une page autour d'une roue de produits en 3D	La vitrine d'un produit, par exemple une marque de jus

Les six sont livrés en anglais et en arabe. Choisissez Publino plutôt que le Modèle SaaS quand trois pages suffisent et que vous voulez un thème clair en plus du thème sombre.

FAQ

Quelles pages contient Publino ?

Trois : accueil, tarifs et contact, chacune en anglais et en arabe sous /ar. Il n'y a pas de page de blog.

Publino prend-il en charge l'arabe et le RTL ?

Oui. Chaque texte existe en anglais et en arabe, et les pages arabes définissent dir="rtl", si bien que toute la mise en page s'inverse. Vous pouvez ajouter d'autres langues avec next-intl.

Faut-il un back end pour faire tourner Publino ?

Non. C'est une seule application Next.js, sans base de données ni back end, et rien n'est à configurer avant le premier lancement. Il vous faut seulement un service pour les formulaires que vous gardez.

Publino peut-il encaisser des paiements ?

Non. Aucun service de paiement n'est inclus, et les boutons des formules mènent à la page de contact ou au formulaire de la page d'accueil. Pour vendre, dirigez-les vers votre propre page de paiement.

Puis-je utiliser Publino pour des projets clients ?

Oui. La licence commerciale couvre un nombre illimité de projets, travail client inclus. Vous ne pouvez pas revendre le code source ni le vendre comme template.

Quelle version de Node.js faut-il pour Publino ?

Node.js 20.9 ou plus récent, 22 ou 24 étant recommandés. Avec Docker, il ne vous faut rien d'autre, car l'image apporte Node.js 24.

Guides associés

• Les meilleurs templates de landing page Next.js en 2026
• Comment lancer un site SaaS en anglais et en arabe avec Next.js
• Les meilleurs templates SaaS Next.js et starter kits
• Les templates de landing page gratuits d'Aniq-UI
• Configurer next-intl avec Next.js 16

Pour Publino lui-même, la page du template Publino présente la démo en ligne et le prix actuel, et la documentation de Publino détaille chaque étape d'installation.