- Complete SvelteKit 2 + Svelte 5 template - Tailwind CSS styling with primary color customization - Pages: Home, About, Services, Contact - Contact form with D1 database backend - Placeholder system for site-specific values - Cloudflare adapter configuration Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1.7 KiB
1.7 KiB
For God so loved the world — John 3:16
This is a customer site for {{BUSINESS_NAME_CHIRHO}} hosted on perffection.com.
Project Overview
This is a SvelteKit 2 site using:
@sveltejs/adapter-cloudflarefor Cloudflare Workers deployment- Tailwind CSS for styling
- D1 Database for data storage
- KV for caching
Key Files
src/routes/+page.svelte- Home pagesrc/routes/about-fe/+page.svelte- About pagesrc/routes/services-fe/+page.svelte- Services pagesrc/routes/contact-fe/+page.svelte- Contact page with formsrc/routes/api-fe/contact-fe/+server.ts- Contact form API endpointsrc/routes/+layout.svelte- Global layout with header/footersrc/app.css- Global styles and CSS variables
Naming Convention
All project identifiers use the _chirho or Chirho suffix:
- Variables/functions:
camelCaseChirho - Types/Classes:
PascalCaseChirho - Constants:
SCREAMING_SNAKE_CHIRHO - Database columns:
snake_case_chirho - Routes:
kebab-case-fe
Configuration Placeholders
The following placeholders are replaced during site generation:
{{BUSINESS_NAME_CHIRHO}}- Business name{{TAGLINE_CHIRHO}}- Business tagline{{PHONE_CHIRHO}}- Contact phone{{EMAIL_CHIRHO}}- Contact email{{ADDRESS_CHIRHO}}- Business address{{PRIMARY_COLOR_CHIRHO}}- Primary brand color{{SLUG_CHIRHO}}- Site slug identifier
Platform Bindings
Available via platform.env:
DB_CHIRHO- D1 DatabaseKV_CHIRHO- KV NamespaceASSETS_CHIRHO- R2 BucketSITE_SLUG_CHIRHO- Site identifier
Development
bun install
bun run dev
Build
bun run build
Output goes to .svelte-kit/cloudflare for deployment.