Back to articles
How We Added 15+ Cultural Name Origins to a Baby Name Generator (With SEO Results)

How We Added 15+ Cultural Name Origins to a Baby Name Generator (With SEO Results)

via Dev.to WebdevYunhan

When we launched BabyNamePick a few weeks ago, it had names from about 8 cultural origins. Users kept asking: "Do you have Italian names?" "What about Hawaiian names?" "Can I find Persian names?" So we went from 8 origins to 22. Here’s what we learned — technically and strategically. The Architecture Problem Our name data lives in a single TypeScript file ( nameData.ts ) as a typed array: export interface NameEntry { name : string ; meaning : string ; origin : string ; gender : " boy " | " girl " | " unisex " ; popularity : " trending " | " classic " | " rare " | " rising " ; style : string []; } Each category page is generated at build time using Next.js generateStaticParams : // app/[category]/page.tsx export function generateStaticParams () { return categories . map (( cat ) => ({ category : cat . slug })); } Adding a new origin means: Add names to nameData.ts Add a category definition with filterFn , SEO text, and FAQ schema Rebuild — Next.js generates the new static page automatic

Continue reading on Dev.to Webdev

Opens in a new tab

Read Full Article
2 views

Related Articles