SvelteKit

SvelteKit combines Svelte’s component model with server-side rendering, routing, and adapters. Use this component when you need a fast Svelte frontend that can fetch data server-side or run API endpoints. Diploi runs the build and deployment steps so your project ships with predictable infrastructure.

Add to your project

Paste this entry into the components list in diploi.yaml to add SvelteKit to your project.

components:
  - name: SvelteKit
    identifier: sveltekit
    package: https://github.com/diploi/component-sveltekit#v2.69.3

If the folder of the component in your repository is not named sveltekit, add a folder parameter with the name of the folder.
Import the environment variables of add-ons, such as a database, into the component with env.include in diploi.yaml:

components:
  - name: SvelteKit
    identifier: sveltekit
    package: https://github.com/diploi/component-sveltekit#v2.69.3
    env:
      include:
        - postgres.*

SvelteKit reference

Readme

Launch a demo for free https://diploi.com/component/sveltekit

Uses the official node Docker image.

Has the @sveltejs/adapter-node adapter preconfigured.

Operation

Getting started

Create an account on Diploi, it’s free https://console.diploi.com/
Once you are in the Dashboard, click on “Create Project +”
Now you need to select the stack for your app. In the “Pick Components” section, select SvelteKit. You can add other frameworks to work along with your SvelteKit app. This also applies to the “Pick Add-ons” section, where you can choose the database for your app.
Next, you need to choose “Create Repository” so your new app will start with a fresh repository.
Finally, click “Launch Stack”.

Check the full guide https://diploi.com/blog/hosting_svelte_apps

Development

Will run npm install when component is first initialized, and npm run dev when deployment is started.

Production

Will build a production ready image. Image runs npm install & npm build when being created. Once the image runs, npm start is called.