“Nextron”：Electron + Next.js 之梦

我在日本通常是一名 .NET 开发人员，但我喜欢在业余时间编写 JavaScript/TypeScript。

本文介绍了Nextron，它可以用Next.js制作Electron应用程序。

为什么？

我完全尊重zeit/next.js库，但对于 Electron，目前还没有事实上的标准。

所以我利用日本黄金周的空闲时间写了Nextron 。

安装完成后nextron，

你可以使用 Next.js 编写所有渲染器代码
您只需一个命令即可构建所有跨平台包以供发布使用。

要求

Nextron内部使用npx，因此需要以下内容：

"node": ">=8.2.0"
"npm": ">=5.2.0"

安装

$ npm install --global nextron

用法

# Install scaffolds for quick start
$ nextron init <YOUR-APP-NAME>
$ cd <YOUR-APP-NAME>

# for development
# it starts development process (with HMR(Hot Module Replacement) featuire)
$ yarn dev

# for production
# it builds the electron app for release usage
$ yarn build

文件夹结构

之后nextron init，创建下面的文件夹结构。

.
├── common
├── main
│   └── index.js
├── package.json
├── renderer
│   ├── next.config.js
│   └── pages
│       └── home.js
└── static
    ├── icon.icns
    └── icon.ico

这时，我们可以：

使用 Next.js开发整个渲染器流程！
忘记了解我们如何构建用于发布的电子包

与Nextron

截图

纱线开发

纱线构建

结论

目前，Nextron项目处于高度 WIP 阶段，因此欢迎 PR！！

愿代码与你同在！

鏂囩珷鏉ユ簮锛�https://dev.to/saltyshiomix/nextron-electron--nextjs-dream-3hg