WebApp Template (pages)

What's inside?

Tech Stack

Frontend: Svelte 5 + SvelteKit + TypeScript + Tailwind CSS 4
API: Supabase (PostgreSQL, Auth, Realtime, Storage)
Build System: Turborepo + pnpm + Vite
Quality Tools: ESLint 9, Prettier, CSpell, Vitest, markuplint
Development: VS Code extensions, lint-staged, husky, GitHub Actions

Apps and Packages

apps/

api
Supabase Local Development
PostgreSQL database, authentication, and API services
web
SvelteKit Frontend
Main web application with Supabase integration
pages
Static Site Publishing
High-quality static websites with URL validation, accessibility checks, and SEO optimization

packages/

eslint-config
Shared ESLint configuration
- eslint-config-prettier - Prettier integration
- eslint-plugin-svelte - Svelte linting
- eslint-plugin-simple-import-sort - Import sorting
- eslint-plugin-jsdoc - JSDoc validation

Commands

# Install dependencies (.env file is created automatically)
pnpm install

# For static site development
pnpm dev              # Start development server (port 3000)
pnpm build            # Build static site with Tailwind CSS

# Quality assurance for pages
pnpm test             # Validate links, images, and accessibility
pnpm lint             # Run HTML validation with markuplint
pnpm format           # Format with Prettier

# Publishing
pnpm run deploy       # Deploy to server (rsync)

# Optimization Utilities
pnpm add-size-to-img  # Add width/height to <img> tags for better performance
pnpm clean-image      # Remove unused images from project

GitHub