SvelteKit SSR with TailwindCSS Stéphane Klein skeleton

I try to gather and maintain, in this skeleton, my standard components configuration that I use in my SvelteKit web application projects.

Components and libraries:

• ✅ SSR SvelteKit with Hydration
• ✅ TailwindCSS

Tooling:

• ✅ asdf
• ✅ NodeJS
• ✅ pnpm
• ✅ Prettier
• ✅ ESlint

Methods:

• Deployment based by Docker

Not included:

• No TypeScript support

Getting started

$ asdf install

$ pnpm install

Start database engine:

$ docker compose up -d --wait
$ ./scripts/init.sh
$ ./scripts/fixtures.sh

Start web server:

$ pnpm run dev

Go to http://localhost:5173/

Database migration

$ pnpm run migrate:watch

Apply migration in migrations/current.sql and commit:

$ pnpm run migrate:commit

Prettier

Launch Prettier check:

$ pnpm run prettier-check

Apply Prettier fix example:

$ pnpm run prettier src/app.html

ESlint

$ pnpm run eslint