Youtube Video

Summary published at 2/12/2025

👋 Technology Overview: Built applications using Electron and now introducing a technology that generates a small bundle size and is easy to work with, based on Rust.

🔧 Prerequisites: Ensure Rust is installed on your system. Installation instructions will be provided in the description.

🚀 Project Setup: Use the command npm create we at latest to scaffold a new project. Name your project (e.g., my first di app) and specify the template react DDS.

📂 Running the Application:

  1. Navigate to the project folder: cd your-project-folder
  2. Install dependencies: npm install
  3. Run the app: npm run Dev
The default counter app should now be running.

⚙️ Initialize Tower Project: Install Tower CLI with npm install @to-a/sl-cli. Then initialize the project using MPX to init.

🛠️ Configuration Changes:

  1. Open the Tower configuration file and set the development server URL to localhost:3000.
  2. Update V.config.sys to always start the app on Port 3000.

🔄 VS Code Integration: Use code . -R to reinitialize VS Code in the current folder.

📦 Build and Run: After modifying the configuration, run npm run build and then MPX toi Dev to start the development version.

💻 Packaging the Application: Use MPX to build to package the application. The bundle will be located in source/to/target/release.

📁 Installation: Open the target folder, find the DMG file, and double-click to install the application like any other Mac application.

👋 Conclusion: This is how to create a desktop application using modern frontend technologies with the Tower framework. Thanks for watching!

Download our Chrome extension for Youtube summaries