Ship/Now

Guides · 2 min

Rename the product

Everything that still says the old name after you run the setup script, and where to find it.

npm run setup renames the obvious parts. This is the rest.

What the script does

src/config.ts: name, domain, email.from, email.support. Because every surface reads from there, that covers the nav, the page titles, the emails and the OG image in one go.

What it does not

The copy

messages/en.json and messages/fr.json. The headline, the sections, the FAQ. This is the real work and no script can do it: the words are your positioning.

The logo

src/components/Logo.tsx is inline SVG. Replace the paths. Keep it inline rather than an <img> so it inherits currentColor and follows the theme.

The favicon and the social card

src/app/icon.tsx and src/app/opengraph-image.tsx. Both are JSX, so they read from config once you point them at it.

The accent

--color-brand in src/app/globals.css, and brand.accent in the config. Change both or the OG image and the site disagree.

The git history

If you cloned rather than downloading, rm -rf .git && git init. Otherwise your first commit sits on top of somebody else's product.

Finding the stragglers

grep -rin "shipnow\|acme" src messages content --exclude-dir=paraglide

Exclude src/paraglide. It is generated from messages/, so fixing the source and recompiling fixes it, and editing it directly gets overwritten.

The typeface

Changing brand.font in the config is not enough on its own. next/font/google needs a static import name at build time, so update src/app/layout.tsx too:

import { Host_Grotesk } from "next/font/google";

Two places, and the config value is the one the OG image reads.

Something wrong or missing on this page? Tell us.