This will allow us to create modern, intuitive user-interfaces backed up by powerful backend data systems. In this tutorial, we will discover developing Node.js desktop applications with Electron, Bootstrap, and Express.js. Looking to create a Node.js desktop application? You have come to the right place.

Build out the routes, don't worry there is only one.Make sure you also install the only library we're going to use in this project, Electron: npm i electron Let's kick off by making an npm project, adding some scripts, and installing electron.įor this purpose, let's create a simple package.json file with npm init. Here's the directory layout of a really simple electron application. The framework is designed to let developers create desktop applications using web technologies such as JavaScript, HTML, and CSS and run those applications inside a flavor of the Chromium browser engine while using NodeJS for the backend environment.Įlectron exposes useful APIs such as the IPC (Inter-process communication module) that lets you to use the power of NodeJS from your Desktop app.Įlectron was originally built for Atom that's an IDE developed also by GitHub. It powers dozens of apps, that most of you already heard of: Discord, Slack, Notion, VSCode, Spotify, and many more. Electron is a free and open-source framework maintained mainly by GitHub. We're going to use the Electron framework to create this app. I will walk you through the code and explain everything there is to know. In this blog post, I'll show you how easy it is to build a JavaScript Desktop app with Electron.Īfter about 13 lines of code, you'll have a fully functional Electron app!

Npm create electron app