Formulaires

Les formulaires livrés par le site, ce qu'ils vérifient, et comment relier chacun à votre propre service.

Les formulaires

Formulaire	Emplacement	Ce que les visiteurs remplissent
Contact	`/contact`	Nom, e-mail, téléphone (optionnel), sujet et message
Connexion	`/auth/signin`	E-mail, mot de passe et Remember me
Inscription	`/auth/signup`	Nom, e-mail, mot de passe et case des conditions
Mot de passe oublié	`/auth/forgot-password`	E-mail
Boutons Google, GitHub et X	`/auth/signin`, `/auth/signup`	Rien : un seul clic
Newsletter	Le pied de page de chaque page	E-mail
Inscription par e-mail	La section Where we work de la page d'accueil	E-mail
Newsletter	La barre latérale du blog	E-mail

Les formulaires de contact et de compte vérifient chaque champ quand le visiteur le quitte, avec des messages dans la langue de la page : un e-mail valide, un nom d'au moins 2 caractères, un sujet de contact d'au moins 5 et un message d'au moins 20, et un mot de passe d'inscription d'au moins 8 caractères avec une majuscule, une minuscule, un chiffre et un symbole.

Ce qui se passe quand un visiteur en envoie un

Rien ne quitte le navigateur. Le template n'a pas de back end, chaque formulaire est donc prêt pour le vôtre :

Les formulaires de contact et de compte attendent un instant et affichent leur message de succès.
Le champ de newsletter du blog affiche un état de remerciement.
Le champ de newsletter du pied de page, l'inscription par e-mail de la page d'accueil et les boutons sociaux ne font encore rien.

Avant le lancement, reliez chaque formulaire que vous gardez à votre propre service : votre API, un service de formulaires, votre plateforme d'e-mailing ou votre fournisseur de connexion. Supprimez ceux dont vous n'avez pas besoin.

Gardez les clés secrètes sur un serveur. Tout ce qui est dans le code du navigateur, y compris une valeur NEXT_PUBLIC_, peut être lu par chaque visiteur.