Vite + Svelte + Azle

Getting started

Make sure that Node.js >= 16.x and dfx >= 0.14.x are installed on your system.

Run the following commands in a new, empty project directory:

dfx start --clean --background # Run dfx in the background
npm run setup # Install packages, deploy canisters, and generate type bindings
npm start # Start the development server

Technology Stack

• Vite: high-performance tooling for front-end web development
• Svelte: a radical and innovative JavaScript framework for building user interfaces
• TypeScript: JavaScript extended with syntax for types
• Sass: an extended syntax for CSS stylesheets
• Prettier: code formatting for a wide range of supported languages
• Azle: a TypeScript CDK for the Internet Computer

Documentation

• Vite developer docs
• Learn Svelte
• Internet Computer docs
• Azle Book
• dfx.json reference schema

Tips and Tricks

• Customize your project's code style by editing the .prettierrc file and then running npm run format.
• Reduce the latency of update calls by passing the --emulator flag to dfx start.
• Split your frontend and backend console output by running npm run frontend and npm run backend in separate terminals.