Skip to main content

How do I deploy and run Svelte as microservice in the cloud?

In short

Svelte is a free and open-source front end compiler created by Rich Harris and maintained by the Svelte core team members.. In this article we'll be looking at how you easily create and set up Svelte in the cloud as a microservice without having to take care of any configurations, security measures and more.

Getting started

If you already have a mogenius account, proceed to the next step. Otherwise you can sign up here: mogenius sign-up

Sign up for mogenius - it's free and you can get started right away. Once you've created your account, you can create a new cloudspace that contains all your services and databases for a project, like Svelte. The services all reside in your secure cloudspace and can communicate with each other (Kubernetes namespace isolation). This is a convenient way to build a cloud-native software project that consists of one or more interconnected microservices. Once you have confirmed your email and phone number, you can create a new cloudspace:

enter image description here

Choose a name for your cloudspace and select the free tier to get cloud resources at no charge, or you can also choose a subscription to upgrade your resources when you create the cloudspace or upgrade at a later stage.

enter image description here

Adding Svelte to your cloudspace

Now are ready you to set up Svelte! On the next overview page, you will see all your cloudspaces. Click on the name of the cloudspace where you want to set up Svelte. Scroll down to see the environments ("Production" stage by default) and then select "Use a template" from the dropdown: enter image description here

mogenius will automatically create and set up Svelte for you, and add a dockerfile in one of your Git repositories. Scroll through the list until you see the Svelte logo and click “Add Service” next to it.

enter image description here

If this is the first time you are deploying a service, we need to connect your cloudspace to your repository. Click on “Connect Github” which will ask you to grant permission to access your Github repositories.

enter image description here

You will only need to do this once, your mogenius cloudspace is now connected to your GitHub account, and can access your repositories.

enter image description here

Next, you can either use an existing empty repo or create a new one by clicking the “+” symbol. Select a name for the new repo and create it.

Specify a name for this service, select the branch in your repo and stage in your cloudspace you want to use. enter image description here

Now, simply click "Create Service". Your Svelte service will now be built, the dockerfile added to the specified Git repository, and deployed to your cloudspace at the same time so you can start using it almost immediately. Once the setup routines, build and deployment process are complete (usually a few minutes at most), you can start using your Svelte service at the specified URL. You can find all the details on your service's overview page, where you can also customize the resources and scale by adding additional instances for your service.

enter image description here

You will now have an internal hostname, e.g. svelteservice-yrvqs2:8080 for other services within your cloudspace, and an external hostname if you chose to expose your service, e.g.

enter image description here