Jane Smith
Jane Smith January 10, 2024

Getting Started with the Template

A comprehensive guide to customizing and deploying your new marketing website.

Published January 10, 2024
1 min read

This guide will walk you through the process of customizing the template for your own project.

Configuration

Site Metadata

Update src/lib/data/SiteMeta.ts with your site's information:

  • Site name and description
  • URLs (site URL, signup, signin, etc.)
  • Asset CDN configuration

Authors

Add your team members to src/lib/data/authors.ts. Each author needs:

  • A unique key (used in blog post frontmatter)
  • Name and role
  • Profile image (optional, stored on your CDN)

Deployment

The template is configured for Cloudflare Pages deployment:

  1. Update wrangler.toml with your project name
  2. Run bun run deploy

You can also deploy to other platforms by changing the adapter in svelte.config.js.

Customization

Colors

The color system is defined in src/styles/app.css using CSS custom properties. Modify the values in the :root selector to match your brand.

Components

All UI components are in src/lib/components/ui/. Customize them to match your design system.

Need Help?

Check out the SvelteKit documentation at https://svelte.dev/docs/kit for more information about the framework.

Jane Smith
Jane Smith January 10, 2024
X LinkedIn