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
• NodeJS / NPM

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

Recommended IDEs

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.