Vite SvelteKit Docker Template

This template offers the following things, ready to use, in a dockerized environment:

• Vite
• SvelteKit with Svelte 5 (TypeScript)
• ESLint
• Prettier
• Svelte-Check
• Testing Svelte with Vitest & Testing Library
• E2E Testing with Playwright

Create with it!

Create with Svelte 5 (experimental):

npx degit bavragor/vite-sveltekit-docker-template app-name

Requirements

• Docker
• make

Installation

make setup
make up
make install

Development

docker compose exec app pnpm run dev

Build

docker compose exec app pnpm run build

Preview

docker compose exec app pnpm run preview

Test

docker compose exec app pnpm run test

Or with coverage in build directory

docker compose exec app pnpm run test:coverage

E2E Testing

docker compose exec app pnpm run test:e2e

OS specific settings

Windows + WSL2 + Symlinks + PNPM

In case your running a setup like me, WSL2 with Ubuntu and have your IDE running on Windows, your IDE may not be able to use symlinks created by pnpm. For this scenario you can do the following

cp .npmrc.dist .npmrc
make build
make up
make install

This will run pnpm without symlinks.

Git Hooks

This template also supports git hooks to ensure code quality and consistency before commits and pushes.

These can be activated with:

make git-enable-hooks

Or deactivated with:

make git-disable-hooks