Guides · 2 min
Renommer le produit
Tout ce qui porte encore l'ancien nom une fois le script d'installation passé, et où le trouver.
npm run setup renomme les parties évidentes. Voici le reste.
Ce que le script fait
src/config.ts : name, domain, email.from, email.support. Comme chaque
surface y puise, cela couvre d'un coup la navigation, les titres de page, les
e-mails et l'image sociale.
Ce qu'il ne fait pas
Les textes
messages/en.json et messages/fr.json. Le titre, les sections, la FAQ. C'est
le vrai travail et aucun script ne peut le faire : ces mots sont votre
positionnement.
Le logo
src/components/Logo.tsx est du SVG inline. Remplacez les tracés. Gardez-le
inline plutôt qu'en <img> pour qu'il hérite de currentColor et suive le
thème.
La favicon et la carte sociale
src/app/icon.tsx et src/app/opengraph-image.tsx. Les deux sont du JSX, donc
ils puisent dans config dès que vous les y pointez.
L'accent
--color-brand dans src/app/globals.css, et brand.accent dans la
configuration. Changez les deux ou l'image sociale et le site ne seront pas
d'accord.
L'historique git
Si vous avez cloné plutôt que téléchargé, faites rm -rf .git && git init. Sinon
votre premier commit repose sur le produit de quelqu'un d'autre.
Trouver les oublis
grep -rin "shipnow\|acme" src messages content --exclude-dir=paraglideExcluez src/paraglide. Il est généré depuis messages/, donc corriger la
source et recompiler le corrige, et l'éditer directement se fait écraser.
La police
Changer brand.font dans la configuration ne suffit pas à lui seul.
next/font/google a besoin d'un nom d'import statique à la compilation, donc
modifiez aussi src/app/layout.tsx :
import { Host_Grotesk } from "next/font/google";Deux endroits, et la valeur de configuration est celle que lit l'image sociale.
Une erreur ou un manque sur cette page ? Dites-le-nous.