mirror of https://github.com/ewanc26/website-comm-template.git synced 2026-07-21 15:33:13 +00:00

Mirror of github.com/ewanc26/website-comm-template

Svelte 52.7%
TypeScript 27.7%
CSS 8.9%
Nix 4.3%
JavaScript 3.3%
Other 3.1%

Find a file

Ewan Croft 94925b2d9b docs: correct agent guidance after source audit		2026-07-16 18:22:46 +01:00
meta	chore: add other screenshots	2026-03-05 10:46:35 +00:00
src	docs: add comments to source files	2026-06-29 22:00:19 +01:00
static	feat: sveltekit minimal template	2026-03-05 09:28:16 +00:00
.env.example	feat: add Resend-backed contact form with provider swap docs	2026-03-05 10:17:48 +00:00
.gitignore	feat: sveltekit minimal template	2026-03-05 09:28:16 +00:00
.npmrc	feat: sveltekit minimal template	2026-03-05 09:28:16 +00:00
.pre-commit-config.yaml	docs: add comments to source files	2026-06-29 22:00:19 +01:00
.prettierignore	feat: sveltekit minimal template	2026-03-05 09:28:16 +00:00
.prettierrc	docs: add comments to source files	2026-06-29 22:00:19 +01:00
AGENTS.md	docs: correct agent guidance after source audit	2026-07-16 18:22:46 +01:00
flake.nix	docs: add comments to source files	2026-06-29 22:00:19 +01:00
LICENSE	feat: add Resend-backed contact form with provider swap docs	2026-03-05 10:17:48 +00:00
package.json	feat: add Resend-backed contact form with provider swap docs	2026-03-05 10:17:48 +00:00
pnpm-lock.yaml	feat: add Resend-backed contact form with provider swap docs	2026-03-05 10:17:48 +00:00
pnpm-workspace.yaml	feat: sveltekit minimal template	2026-03-05 09:28:16 +00:00
README.md	Automated commit: update changes	2026-05-27 18:16:30 +01:00
SETUP.md	feat: more details	2026-03-07 19:59:41 +00:00
svelte.config.js	docs: add comments to source files	2026-06-29 22:00:19 +01:00
tsconfig.json	feat: sveltekit minimal template	2026-03-05 09:28:16 +00:00
vite.config.ts	docs: add comments to source files	2026-06-29 22:00:19 +01:00

README.md

website-comm-template

A SvelteKit + Tailwind CSS starter template for Ko-fi website commissions.

🧶 Also available on Tangled

Using this template

For client setup instructions, see SETUP.md.

Project structure

src/
  lib/
    components/
      Nav.svelte      ← sticky top nav, mobile-responsive
      Footer.svelte   ← copyright + social links
    config.ts         ← ✏️  edit this first for every commission
    email.ts          ← contact form email sender (swap provider here)
    index.ts
  routes/
    +layout.svelte    ← wraps all pages with Nav + Footer
    +page.svelte      ← homepage
    layout.css        ← Tailwind entry point
    about/
      +page.svelte
    contact/
      +page.svelte
static/               ← put images, fonts, etc. here

Adding a new page

Create a folder under src/routes/, e.g. src/routes/portfolio/
Add a +page.svelte file inside it
Add a matching entry to navLinks in src/lib/config.ts

Recreate from scratch

pnpm dlx sv@0.12.5 create --template minimal --types ts \
  --add prettier tailwindcss="plugins:typography,forms" \
  sveltekit-adapter="adapter:auto" \
  --install pnpm ./

☕ Support

If you found this useful, consider buying me a ko-fi!

Licence

You are free to use, adapt, and redistribute this template — including for commercial commissions — provided you give appropriate credit to Ewan Croft, link to the licence, and distribute any derivative work under the same licence. The attribution notice in Footer.svelte satisfies this requirement for deployed sites.