app_development Svelte Themes

App_development

Development Setup for App / ThreeJS using Rust Rocket and Svelte

Obacht! App Development Setup

Powered by Rocket and Svelte

Tools

Tool Language Docs Usage
Rocket Rust Rocket Docs Backend / Server
Svelte TypeScript Svelte Docs Frontend Framework / Preprocessor
Three TypeScript Three Docs WebGL Framework

Development

Make sure all languages dependencies are installed:

Language Dependencies


Rust Nightly for Rocket

Once rustup is installed, configure Rust nightly as your default toolchain by running the command:

rustup default nightly

If you prefer, once we setup a project directory in the following section, you can use per-directory overrides to use the nightly version only for your Rocket project by running the following command in the directory:

rustup override set nightly


Startup

Rocket

Start Rocket using your IDE or using cargo run. Rust has no live reloading feature. If there are any changes to the server cargo has to be restarted.

Svelte

First change to the client folder cd client

install all npm packages npm i do this before starting the backend server

Start Svelte with hot reload npm run dev

Or build Svelte once npm run build


IDE Language
JetBrains CLion Rust
JetBrains WebStorm Svelte

CLion offers Debugging for Rust. WebStorm doesn't have this feature but is more focused on web languages. Both can be used as a single tool for everything. Other IDEs like VSCode, Sublime or Vim can also be used but are not recommended.

Top categories

Loading Svelte Themes