ultralight-svelte-boilerplate Svelte Themes

Ultralight Svelte Boilerplate

Build desktop applications with Ultralight and Svelte


header
Ultralight Svelte Starter

Build desktop applications using a smaller, lighter, cross-platform WebKit that's more customizable and designed to display web technologies like Svelte. This is an Ultralight starter with Svelte with TypeScript.

ultralight

Available Commands

Svelte

Commands you can execute inside the Svelte app directory

Command Description
yarn install Install project dependencies
yarn build Builds code bundle with production settings
yarn dev Run a web server to serve built code bundle

Ultralight

Commands you can execute inside the build

Command Description
cmake --build . --config Release Build Ultralight binary without cleaning
cmake --build . --config Release --clean-first Build Ultralight binary

Prerequisites

Before you build and run, you'll need to install the Ultralight prerequisites for your platform.

You also need to install NodeJS to work with Svelte

Development

Svelte

Inside the app folder resides Svelte, you need to install dependencies by executing the following commands

yarn

Before anything else you need to build the Svelte project. You need to do this everytime you want to test the desktop application.

yarn build

Ultralight

Setup the Ultralight build folder, you only have to do this once by executing the following commands

mkdir build
cd build
cmake ..
cmake --build . --config Release

Once the above is setup everytime you need to rebuild the application you need to execute the following on the build directory

cmake --build . --config Release --clean-first

Note you may need to delete the binary eg. MyApp in this case.

Running

Ultralight

On macOS and Linux

Navigate to ultralight-quick-start/build and run MyApp to launch the program.

On Windows

Navigate to ultralight-quick-start/build/Release and run MyApp to launch the program.

Svelte

To run your Svelte application and debug, just go to app folder and execute the

yarn dev

Further Reading

Follow the Writing Your First Ultralight App guide and other tutorials in the documentation for more info.

The Svelte application is created with Svelte Template

Contributions

Huge thank you to geocine for the idea.

This project is based on Ultralight-React Template Ultralight-React boilerplate.

Top categories

Loading Svelte Themes