Launch checklist
Guides
4 min read
What to replace, connect and check before the site goes public.
Everything in the theme as shipped is placeholder content for a fictional product. Work through this list before you publish.
1. Name, address and images
- Site config (
src/site.config.ts). Setname,tagline,description,contactEmailandurl.urlis the address visitors will use:tsexport const siteConfig: SiteConfig = { name: 'Your product', tagline: 'Your one-line summary.', url: 'https://example.com', // ... }; - Header and footer links. Check
nav,cta,footer.columnsandsocial.linksin the same file. The social links point at the home pages of three networks: replace them with your profiles or remove them. - Announcement bar. Rewrite
announcement.message, or setannouncement.enabled: false. - Icons (
public/). Replacefavicon.svg,favicon.ico(32 x 32) andapple-touch-icon.png(180 x 180) together. - Logo. Replace the SVG in
src/components/chrome/Mark.astro, or setlogoImageinsrc/site.config.tsto a file inpublic/(for examplelogoImage: '/logo.svg'). - Social image (
public/og-default.png). Replace it with your own 1200 x 630 image. For another size, updateseo.imageWidthandseo.imageHeight; updateseo.imageAlttoo.
2. Forms and links
- Contact form. As shipped it is a preview that sends nothing. Give it the address of your form service in
.env(PUBLIC_CONTACT_FORM_ACTION) or inform.actioninsrc/data/contact.ts, then send yourself a test message. To show the contact cards only, delete theformblock insrc/data/contact.ts. - Footer newsletter field. As shipped it is a preview with a “Not connected yet” line under it. Give it an address in
.env(PUBLIC_NEWSLETTER_FORM_ACTION) or infooter.newsletter.action.hrefinsrc/site.config.ts. To remove the field, empty bothfooter.newsletter.textandfooter.newsletter.action.label. - Contact addresses (
src/data/contact.ts). Replace theexample.comaddresses inrouteswith inboxes you read, and rewrite or delete theresponseline. - Sign-in, sign-up and plan buttons.
cta.headerandcta.primaryinsrc/site.config.tsand thectaof each plan insrc/data/pricing.tspoint atexample.com. Replace them with your own addresses.
See Service integrations for the details of each.
3. Content
- Home page (
src/data/home.ts,src/data/faq.ts,src/data/closing.ts). Replace the text of every section you keep and remove the lines of the others fromsrc/pages/index.astro. - Logos and testimonials (
src/data/proof.ts). The companies, people and quotes are invented. Replace them with your own, with permission, or remove<Logos />and<Testimonials />fromsrc/pages/index.astro. Deletenoteonce the content is real. - Pricing (
src/data/pricing.ts). Plans, prices, the comparison table and the questions. - About page (
src/data/about.ts). The story, facts and values are invented. The team section is on as shipped, with four invented people: replace them inteam.members, or setteam.enabled: false. - Blog (
src/content/blog/). Delete the three sample posts and write your own. A post can have a cover picture (coverImage, withcoverImageAlt) and an author picture (author.avatar); without them a post has no cover and the author gets initials. - Documentation (
src/content/docs/). These articles describe the theme. Replace them with documentation for your product, and rewritesrc/data/docs.ts, which holds the text of the documentation index. Then update the links to deleted articles that you keep by hand:footer.columnsinsrc/site.config.tslinks to two of them. - Changelog (
src/content/changelog/). As shipped, these entries record the theme’s own release history. Replace them with release notes for your product, or delete them.
4. Legal pages and cookies
- Privacy and terms (
src/content/legal/). The shipped text only shows the layout. It is not legal advice. Replace both with your own, and say what your forms and any analytics collect. - Cookie banner (
src/data/consent.ts). The banner collects a choice and does nothing else until you connect a script to it. Keep it and rewrite its text if your site needs consent, and delete itsnote. If nothing on your site needs consent, setenabled: false: the banner and the footer button are left out. Which applies to you is a legal question this page cannot answer.
5. Search engines and sharing
- Sitemap and robots. After publishing, open
/sitemap.xmland check that your pages are listed with your own address, then/robots.txtand check the sitemap line. - Ownership tags. A search engine’s verification tag goes in the
headslot of the layout, on the home page:astro<meta slot="head" name="google-site-verification" content="your_verification_string" /> - Link previews. Share a link to the home page and to one blog post in a private message, or use the preview tool a network provides, and check the title, text and image.
6. Last checks
bash
npm run check
npm run build
npm run previewnpm run check reports type errors, npm run build writes the site to dist/, and npm run preview serves that folder locally. Click through every page, with the keyboard as well as the pointer.
The pause buttons on the hero background, the timeline and the logo strip need nothing from you.