Turn the Next.js/Django Website to the Desktop app and Generate Windows/macOS Installers

My recent target is to turn my Next.js/Django application into a desktop application and generate installers. There are a few steps to do with electron and electron-builder.

This article includes the following topics.

• Introduction
• Implementations for turning the Next.js/Djang website into the desktop application
• Demo

Introduction

Write once, reuse everywhere

Today front-end developers only have to write once and reuse in different kinds of apps. For mobile devices, our websites can perform the native-like experiences by following the instructions of Progressive Web Application (PWA).

Turn the Next.js Website to PWA with Workbox Part 1. Web App Manifest and Caching/Offline Support

How to turn to the desktop application, exactly?