New Site Checklist

Step-by-step checklist for customizing your new Statue site

New Site Checklist

Follow this checklist to replace placeholder content and make the site your own.

Want to contribute back? Statue welcomes contributions of components, themes, and templates. It only takes a single command to submit a PR. Learn more →

🎯 Essential Setup

✅ 1. Update Site Configuration

File: site.config.js

  • Change site.name, site.description, site.url, site.author
  • Update all contact emails and address
  • Update social media URLs (remove ones you don’t use)
  • Update legal dates

Why: Template variables like {{site.name}} will show your info throughout the site.

✅ 2. Update Homepage

File: src/routes/+page.svelte

  • Update page title in <svelte:head>
  • Modify or remove components (Hero, Stats, etc.)

✅ 3. Customize About Page

File: src/routes/about/+page.svelte (if exists)

  • Update page content with your information
  • Use Statue components (PageHero, Mission, Team, etc.) or write custom code
  • Combine components with custom Svelte for unique layouts
  • Or delete the page if you don’t need it

Tip: You can mix Statue components with your own custom Svelte components for complete flexibility.

✅ 4. Update Footer

File: src/routes/+layout.svelte

  • Update copyrightText with your name/company
  • Update legalLinks (privacy policy, terms of service)
  • Update socialLinks with your social media URLs

✅ 5. Update Assets

Location: static/ directory

  • Replace static/favicon.png with your favicon
  • Add your logo and images
  • Remove any placeholder assets you won’t use

✅ 6. Remove Example Content

Location: content/ directory

  • Delete placeholder files (content/example.md, content/blog/hello-world.md)
  • Update content/docs/ with your docs
  • Update legal pages in content/legal/ with your policies

✅ 7. Add Your Content

Location: content/ directory

  • Create your first real blog post
  • Add your documentation
  • Create any additional content directories

Example structure:

content/
├── blog/my-first-post.md
├── docs/guide.md
└── projects/project-one.md

🎨 Customization (Optional)

✅ 8. Choose Your Theme

File: src/lib/index.css

  • Change the @import line to your chosen theme: 
    @import "statue-ssg/themes/blue.css";

Available: blue, red, orange, green, purple, cyan, pink, black-white

✅ 9. Update SEO

File: site.config.js

  • Set seo.defaultTitle, seo.titleTemplate
  • Set seo.defaultDescription, seo.keywords
  • Add seo.ogImage path

🚀 Before Going Live

✅ 10. Test Locally

npm run build
npm run preview
  • Visit all pages, check for broken links
  • Test on mobile and desktop
  • Verify images load correctly

✅ 11. Deploy

npm run build
npx wrangler pages deploy build --project-name=your-project
  • Choose hosting (Cloudflare Pages, Netlify, Vercel, etc.)
  • Configure custom domain
  • Enable HTTPS

📚 Post-Launch

  • Set up analytics (optional)
  • Submit sitemap to search engines
  • Share on social media

Need Help?

Community: