Next Template

Explorez les démos

Formulaire de contact Brevo public et analytics Umami ci-dessous. Connectez-vous pour débloquer la démo Garage S3.

Authentification

Email/mot de passe, Google, inscription avec vérification, réinitialisation.

Réinitialiser le mot de passe

Demandez un lien par e-mail. Ouvrir le lien prouve que vous possédez l'adresse, puis vous pouvez choisir un nouveau mot de passe.

Analytics Umami

Ajoutez UmamiScript (next/script) dans le layout racine. Les pages vues sont trackées automatiquement ; les événements custom passent par window.umami.track.

website-id: bd15e1d4-bf9f-4529-8fcd-33cef8b41712

Layout racine

Dans src/app/layout.tsx, rendez UmamiScript dans le body (strategy afterInteractive) avec l'ID du site créé sur analytics.codiku.com. Ne pas utiliser de balise script brute : React ne l'exécute pas côté client.

<Script
  src="https://analytics.codiku.com/script.js"
  strategy="afterInteractive"
  data-website-id="bd15e1d4-bf9f-4529-8fcd-33cef8b41712"
/>

Événement custom

Après chargement du script, appelez umami.track depuis un handler client.

window.umami?.track("example-demo-click")

Email Brevo

Formulaire de contact public (react-email) avec Cap inline (après validation), honeypot + Cap, délai minimum et rate limit mémoire — le Reply-To pointe vers le visiteur.

de: chill.studio.dev@gmail.com · à: chill.studio.dev@gmail.com · clé API: ok · Cap captcha: manquante