Our great sponsors
-
In this example like the last couple of examples I've done I'll be using Matt Jennings' SvelteKit blog template; it's what this site is based off of.
-
svelte-preprocess
A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
import adapter from '@sveltejs/adapter-vercel' import { mdsvex } from 'mdsvex' import preprocess from 'svelte-preprocess' import mdsvexConfig from './mdsvex.config.js' /** @type {import('@sveltejs/kit').Config} */ const config = { extensions: ['.svelte', ...mdsvexConfig.extensions], // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: [ mdsvex(mdsvexConfig), [ preprocess({ postcss: true, }), ], ], kit: { target: '#svelte', adapter: adapter(), }, } export default config // Workaround until SvelteKit uses Vite 2.3.8 (and it's confirmed to fix the Tailwind JIT problem) const mode = process.env.NODE_ENV const dev = mode === 'development' process.env.TAILWIND_MODE = dev ? 'watch' : 'build'
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
SvelteKit uses Vite and you can prefix you environment variables with VITE_ so they're available to the client (the browser) this also means that they can be seen from the client.
