5 steps make your static website on serverless, using kitsune

If you have a website / web-application that has mostly static content, you should choose kitsune as your hosting provider. kitsune provides you the easiet way to host your website code on serverless architecture on any cloud provider.

1

Login to kitsune dashboard and upload your website folder

Login to kitsune dashboard. Click on the '+' icon on the top right, to create a new project. Then use the "optimise an existing site" section to drag & drop your website folder (including all the html, css, js, images and other assets) to the upload area. Once you confirm the upload, you can provide a name to this web-project (let's assume that the name is 'my-first-website'). Finally, click on "create and start uploading" to trigger the code upload.

Upload your existing website code to kitsune
Provide a project name for your website code.
2

Open the project in kitsune IDE to verify your assets

Once you have created the project, you can click on the project card in the dashboard to "edit in IDE". This opens your website code in the kitsune IDE (Development Environment). kitsune IDE is an online development environment where you can edit your code and manage the assets. In the IDE, you should verify the code and if you find any files missing, directly upload them / create them under the right folder.

Open your website code in kitsune IDE.
kitsune IDE (Online Development Environment)
3

Build & Preview your website

Once you verify your code, you can build the project from the IDE (Menu → Project → build project). This would trigger the kitsune compiler. The compiler would parse your code and create the serverless architecture appropriately. Once the build is complete you will find a "Preview Project" button in the Event Logs section at the bottom panel. Click on "Preview Project" to open the website in kitsune preview mode. Verify if the website code is working fine and there are no issues with respect to rendering of any component.

Build your project with kitsune.
Preview your project on kitsune.
4

Publish your project from the kitsune dashboard

After you finalise your code, close the IDE. Get back to the kitsune dashboard and click on the "..." button for the project you want to publish. In the publish dialog, select "create a new customer" and then click next. You can now choose the cloud provider of your choice. Once you select the cloud provider, configure a *.getkitsune.com sub-domain for your website. (kitsune will first publish your website against this sub-domain. You can later map your desired domain to your website). In the final step, you need to provide the customer details for whom you are publishing this website. (kitsune enables you to publish a project to multiple customers.) Confirm your publish as the last step.

Publish project to any cloud provider with kitsune.
5

Your serverless website is now live

After you trigger the publish, kitsune will re-build the whole project and publish it first against the *.getkitsune.com sub-domain. Once the website is published, you will find it in the "live sites" section of the dashboard. To configure your custom domain for the website, click on "..." and choose "DNS details". This will guide you through the DNS changes to map your custom domain to the serverless website.

View your live website on kitsune and map custom domain.

What makes kitsune the best for serverless websites?

When it comes to static websites, putting it on a serverless architecture is a no-brainer. kitsune makes it ultra simple for you to get started on serverless architecture for your static website. You do not have to deal with the hassle of learning serverless components on cloud, to take advantage of infinite scale and lower cost.

Infinite scale & Super fast page loads

With kitsune, your website is powered by 100% serverless components. This enables you to provide the fastest load time for your website irrespective of the load or the geographic spread of your users. With serverless architecture - the more users you get, the faster your website loads!

Cost effective - pay for usuage & not up-time

kitsune charges you only for the number of requests processed. This enables you to keep your hosting costs the lowest. You do not have to pay for the up-time or worry about the server bottlenecks when you get sudden peaks. You get charged only for the successful requests processed by kitsune.

Cloud agnostic - deploy to any cloud provider

As a developer you can chose to deploy your code on the cloud provider of your choice. Also with kitsune, you can shift from one provider to another with just click of a button.

Automatic asset optimisation & minification

Before your code is pushed to the cloud, all the assets are minified and compressed. This ensures that you never have to worry about optimising your code for performance. kitsune compiler takes all the performance-optimisation load off you.

×