Additional resources
Edit this page on GitHubFAQspermalink
Please see the SvelteKit FAQ for solutions to common issues and helpful tips and tricks.
The Svelte FAQ and vite-plugin-svelte
FAQ may also be helpful for questions deriving from those libraries.
Examplespermalink
We've written and published a few different SvelteKit sites as examples:
sveltejs/realworld
contains an example blog site- The
sites/kit.svelte.dev
directory contains the code for this site sveltejs/sites
contains the code for svelte.dev and for a HackerNews clone
SvelteKit users have also published plenty of examples on GitHub, under the #sveltekit and #sveltekit-template topics, as well as on the Svelte Society site. Note that these have not been vetted by the maintainers and may not be up to date.
Integrationspermalink
svelte-preprocess
automatically transforms the code in your Svelte templates to provide support for TypeScript, PostCSS, scss/sass, Less, and many other technologies (except CoffeeScript which is not supported by SvelteKit). The first step of setting it up is to add svelte-preprocess
to your svelte.config.js
. It is provided by the template if you're using TypeScript whereas JavaScript users will need to add it. After that, you will often only need to install the corresponding library such as npm install -D sass
or npm install -D less
. See the svelte-preprocess
docs for more details.
Svelte Adders allow you to setup many different complex integrations like Tailwind, PostCSS, Firebase, GraphQL, mdsvex, and more with a single command. Please see sveltesociety.dev for a full listing of templates, components, and tools available for use with Svelte and SvelteKit.
The SvelteKit FAQ also has a section on integrations, which may be helpful if you run into any issues.
Supportpermalink
You can ask for help on Discord and StackOverflow. Please first search for information related to your issue in the FAQ, Google or another search engine, issue tracker, and Discord chat history in order to be respectful of others' time. There are many more people asking questions than answering them, so this will help in allowing the community to grow in a scalable fashion.