Starter template for Svelte frontend apps with Crystal-Lang Kemal backend server.

NodeJs - Install

Crystal-Lang - Install

Create a new project based on this template using degit and install the dependencies...

npx degit sachinbhutani/svelte-cr svelte-cr
cd svelte-cr
npm install
shards install

...then start Kemal server and Rollup in two different terminals

Terminal 1: (To run the kemal/crystal server)

crystal run src/svelte-cr.cr --progress

Terminal 2: (To build and hot reload svelte components)

npm run dev  

Navigate to localhost:3000. You should see your app running. All svelte component live in client directory. Save any changes live-reloading. All Crystal code lives in src directory. To rebuild Crystal code use crystal run after saving your changes. All static files are served from public direcotry. Including the JS code compiled by Svelte Compiler.

To create an optimised version of the app:

npm run build
crystal build src/svelte-cr.cr --release

Crystal

Kemal

Svelte

YRV

Bulma

v0.1.0: Initial Release