SvelteKit and friends, for Gitpod

This is a SvelteKit template configured for development on Gitpod. Click the button!

It also comes with some other opinionated enhancements:

  • Uses WindiCSS instead of Tailwind
  • Written completely in TypeScript
  • Adds paths $lib/actions and $lib/components
  • Direct component import: import { Header } from '$lib/components';
  • Adds html-minifier hook to minify output in production (disabled in dev)
  • Custom .gitpod.yml configuration for cloud editing with gitpod-enhanced

Getting Started

Click the above "Open in Gitpod" button to start a new workspace. Once you're ready to push your first code changes, Gitpod will guide you to fork this project so you own it.

...or add to an Existing Project

To get started with SvelteKit on Gitpod, add a .gitpod.yml file which contains the configuration to improve the developer experience on Gitpod. To learn more, please see the Getting Started documentation from Gitpod.

I've published gitpod-enhanced, a custom Docker image for Gitpod.io environments, and personally use it on all of my projects at the time of writing. It automates adding some packages and features that a lot of us use in our daily development setups, and makes the terminal prettier too.

License

MIT © Nicholas Berlette

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes