"Nextron": Electron + Next.js의 꿈

저는 보통 일본에서 .NET 개발자이지만 여가 시간에 JavaScript/TypeScript를 작성하는 것을 좋아합니다.

이 기사에서는 Nextron 으로 Electron 앱을 만들 수 있는 Next.js 을 소개합니다.

왜요?

나는 전적으로 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 대환영입니다!!

코드가 당신과 함께하길!