sveltekit-template

A SvelteKit 2 template with a few other defaults:

• Tailwind CSS for rapid UI development
• TypeScript for type annotations
• ESLint for code linting
• Prettier for code formatting
• Vitest for unit testing
• Playwright for browser testing

Quickstart

This repository can be cloned using degit:

# clone `sveltekit-template` into the `my-app` directory
pnpm dlx degit fboulnois/sveltekit-template my-app

Creating this project

Skip this step. This step was already run and is kept for posterity.

This project was created using create-svelte.

The following steps were run to create this project:

# create a new sveltekit project in the `sveltekit-template` directory
pnpm create svelte sveltekit-template

# add tailwindcss as a postcss plugin
pnpm add -D autoprefixer postcss prettier-plugin-tailwindcss tailwindcss

See the project history for other changes.

Developing

Install the dependencies using pnpm install.

To check the code for issues when developing:

pnpm format
pnpm lint
pnpm check
pnpm audit

To start a development server:

pnpm dev

Testing

Unit tests are run using Vitest. To run unit tests:

pnpm test

End-to-end tests are run using Playwright. Install the Playwright dependencies:

pnpm exec playwright install
pnpm exec playwright install-deps

To run end-to-end tests:

pnpm e2e

Building

To create a production version of the app:

pnpm build

The production build can be previewed with pnpm preview.

To deploy your app, you may need to install an adapter for your target environment.