Electron Boilerplates

Electron is a framework made by the Atom team that allows you to build desktop applications using Javascript, HTML, and CSS. It’s based on the Chromium rendering engine (so it’s actually just Chrome) with Node.js acting as the bridge between them. The Electron has become very popular and I personally enjoy using it for personal projects and side projects I work on.

If you’re looking to get started with Electron development, you’ll need a boilerplate to help you get started. Here are 5 of the best Electron boilerplates available today.

Best Electron Boilerplates

Nextron

Next.js is a JavaScript framework for building web applications it is built on top of the Node.js runtime which does not rely on Google’s V8 engine as many other frameworks do. Electron takes care of the desktop GUI for you, but you still have access to native features like system notifications if that’s something you need in your application.

Before the two were combined together users would code their own interfaces with HTML, CSS, and JavaScript because there was no substantial solution for this problem before now. Anyone who wanted a desktop GUI had to implement it themselves from scratch and they didn’t have much help along the way either.

Now with Next.js + Electron Boilerplates-you have more time to focus on the actual development process without worrying too much about building a GUI.

electron-forge

Electron Forge is a unified package of tools built to be user-friendly and give you instant access to Electron development. This pack has all prerequisites for setting up your electron app ready out of the box, as well as options for customizing right from the start.

Electron Forge uses Webpack and Typescript like modern Electron developers do, and benefits from improvements made by our team and the wider Electron community alike — that means all updates go into Forge first before we release them either individually or as part of a new version.

Forge comes with an example typescript configuration file provided so it’s quick and easy to get started!

electron-builder

The electron-builder is a complete solution to package and build a ready for distribution electron, proton native app for macOS, Windows, and Linux with “auto update” support out of the box.

NPM packages management: Native application dependencies compilation (including yarn support). Development dependencies are never included – you don’t need to ignore them explicitly.

You are not required to use a package.json file in production as long as you have native development dependencies, but two variant files are permitted. Start by verifying that the project is deployed to your CI server or development machine and that it has been signed.

generator-electron

electron-builder is set up in your newly created project to create cross-platform builds with ease, and Travis ensures that each new version is automatically tested. The app menu adheres to the system user interface guidelines, meaning that your app will integrate seamlessly into the native operating system.

And if any errors occur, our user-friendly error handling will take care of them. You can easily publish new versions to GitHub Releases, so you always have access to the latest and greatest.

Thanks to all of these features, generator-electron is the perfect boilerplate for any electron project.

Electron React Boilerplate

Looking to build a cross-platform app with Electron and React? Look no further than Electron React Boilerplate! This powerful foundation uses Electron, React, React Router, Webpack, and React Fast Refresh to create scalable apps that work on any device.

Whether you’re starting from scratch or want to convert an existing website into an app, Electron React Boilerplate is the perfect solution. With its easy-to-use interface and wide range of features, you’ll be able to create your dream app in no time.