2024 Roadmaps - I'm back! (again)

[saltyshiomix]

I'm back!

Suffering from bipolar disorder, I was unable to maintain nextron for over 1 year. Medication has allowed me to be somewhat more active, and I will be gradually improving this project.

I would like to thank everyone who has supported nextron so far:

• All stargazers
• All used by
• All contributers
• All collaborators
• All sponsors

Thank you very much for your continued support.

Roadmaps

• 2023 Roadmaps - I'm back! #398

v8.13.0 - 2024/2/3

• Library updates
• Examples
  • Add basic-lang-javascript-python example
    • Add Basic js python example #428
• Bug fixes
  • Fixed the FOUC issue in the MUI example #430

v8.14.0 - 2024/4/14

• Support Next.js v13 🎉
• Examples
  • Add with-next-i18next example
    • Does it work with i18n-routing? #169
    • feat: add example for next-i18next #441

v8.15.0 - 2024/4/14

• Library updates
• Check whole example
• Update docs

v8.24.0 - 2024/6/16

• Support Next.js v12 - v14 🎉
• Library updates
• Check whole example

v9.0.0 (officially support Next.js v14) - 2024/6/16

• Next.js v14 support 🎉
  • Support for Nextjs 13.3 Static export #296
  • Next app directory can work now #339
  • Support for Next 13 App #399
  • Next 13 support #393

v9.1.0 (upcoming)

• Examples
  • Add with-persistant-logger example
    • Adding a new example with a persistant logger #356
• Enhancement
  • Replace electron-serve #247
  • Include nextron.config.js to every example/template nextron #377
• Documentation
  • SSR support? No.
    • SSR rendering support? #263
    • Getting electron-store settings in getInitialProps #86
    • getServerSideProps Export Error #213
  • Api routes? No.
    • api route not working after build #214
    • Api routes #327
    • Is it possible to use api-routes in Production? #119
    • Add support for API routes to Material UI example #61

Examples

• Add with-next-ui example
  • Next Ui Support #391
• Environment variables
  • Can't pull environment variables in TypeScript + Tailwind project #188
  • Handling environment/configuration variables #128
  • Is it possible to share variable between renderer and serverside? #157
• Working with databases
  • Where can i put sqlite.db files ? #175
  • Prisma in Nextron #253
  • prisma and nextron: Error: Cannot find module '.prisma/client/index #386
  • I have a nextron with sequelize project, when I run npm run dev, it get cannot find module of sequelize config error. #363
• End to end testing
  • Example: end to end testing example with playwright #260
• Electron Forge
  • Introducing Electron Forge 6 | Electron
• Devtools Support #376
• Shared libs #378
• Nextron tray menue #395
• Created app without tailwind then added tailwind manually #381
• Example on printing #94

MEMO

Bug Fixes

• Cannot use electron 12 without contextIsolation: false #170
• Error with reload a page (After Build) #241
• How can we see error while running in build? #121
• Build continues even when next build fails #168
• Page blank after reload on build #291
• VS Code debug not working #307

Help Wanted

• Encryption #141
• Multiple submodule & lerna/yarn workspace packages of nextjs app as injected renderer #132
• Run localhost in production mode #336

Documentation

• Why nextron?
  • Question: How does Electron concepts map NextJs ones ?  #92
  • Nextron benefit writeup #233

FYI

• Looking for maintainers ⚡ #244
• Useful references: https://github.com/vercel/next.js/tree/canary/examples

[bm777]

Happy to see you back.
I hope you get safe soon!

[saltyshiomix]

Thank you, @bm777 !

I'll try my best :)

[kentbetita]

Welcome back! But please do take care of yourself!

[saltyshiomix]

Thank you for your kindness, @kentbetita !

I'll prepare for next major release :)

[saltyshiomix]

I apologize for the very slow work on support Next.js v14. I'm preparing it little by little, so please wait a little longer.

[Pai-Po]

I have been looking forward to it for a long time

[Psycokwet]

Happy to see you back, hope you feel a whole lot better ! 😄

[Stancobridge]

Welcome back, u are already an inspiration

[DOROMOLLL]

Please do take good care of yourself, god bless you🙏🙏

[saltyshiomix]

@Pai-Po

Sorry for late work 🙇

I'll definitely release nextron v9 (Next.js v14 support)!

[saltyshiomix]

@Psycokwet Thank you for your kindness. You're always a great help!

[saltyshiomix]

Thank you, @Stancobridge !

Thank you for putting it that way 🙇

[saltyshiomix]

@DOROMOLLL

Thank you very much!

Day by day, I feel better and better 👍

[saltyshiomix]

CC: @Pai-Po @Psycokwet @Stancobridge @DOROMOLLL

Just released nextron v5.15.0, which supports Next.js v13 🎉

Next.js v14 support is coming soon 🙇

[mccombs]

Next.js v14 support? 🙏🏻

[noevermaurice]

@saltyshiomix when you have planned the to release the next version of nextron with support for next js 14? .

We need this update please 🙏.

[saltyshiomix]

@noevermaurice
Thank you for mention me.
I want to support Next v14 - v15 this month!

[noevermaurice]

@saltyshiomix I am so hyped.

Will nextron support turbopack for dev builds??

And in future will it support turbpack production build?

[ph33nx]

Welcome back Shiono! Your efforts are hugely appreciated by all of us in the community.

[saltyshiomix]

@bm777 @kentbetita @Pai-Po @Psycokwet @Stancobridge @DOROMOLLL @mccombs @noevermaurice

Sorry for late reply and inconvenience.

I just released nextron v9.0.0, which supports next.js v13 and v14 🎉
If you have time, please try it :)

---

NOTE:

Please update renderer/next.config.js as belows:

module.exports = {
  output: 'export',
  // we want to change distDir to "app" so as nextron can build the app in production mode!
  distDir: process.env.NODE_ENV === 'production' ? '../app' : '.next',
  trailingSlash: true,
  images: {
    unoptimized: true,
  },
}

[noevermaurice]

@saltyshiomix
i have testet nextron v9 with next js 14.2.4.

when i use "electron": "^21.4.4",
"electron-builder": "^23.3.3",

than the yarn dev works fine but when i use 

"buildmac": "nextron build --universal",

yarn buildmac the app will build but when i launch the app on my m1 macbook i get only a empty body and a white window. 

When i use 
 "electron": "^31.0.1",
"electron-builder": "^24.13.3",

than with yarn dev i get a white window with this logs in the console. 

node:electron/js2c/renderer_init:2 Electron Security Warning (Insecure Content-Security-Policy) This renderer process has either no Content Security

Policy set or a policy with "unsafe-eval" enabled. This exposes users of
this app to unnecessary security risks.

For more information and help, consult
https://electronjs.org/docs/tutorial/security.
This warning will not show up
once the app is packaged.

and the buildmac get a white window without any logs or error on the page.

How i can i solve these problems can you help me @saltyshiomix please.

[saltyshiomix]

@noevermaurice
Thank you for reporting issues!
Could you tell me renderer/next.config.js?

[saltyshiomix]

@noevermaurice

Electron Security Warning (Insecure Content-Security-Policy) This renderer process has either no Content Security

This will show up when running dev mode by Next.js, so we can ignore it safely :)

[saltyshiomix]

@noevermaurice

"buildmac": "nextron build --universal"
yarn buildmac the app will build but when i launch the app on my m1 macbook i get only a empty body and a white window.

I tried to build it but found no reproduces.

Could you tell me renderer/next.config.js?

Nextron v9 expects this to:

module.exports = {
  output: 'export',
  distDir: process.env.NODE_ENV === 'production' ? '../app' : '.next',
  // ...
}

[noevermaurice]

Yes of corse, there is my package json and my next js config

{
  "private": true,
  "name": "checknotespro",
  "description": "Checknotes pro",
  "version": "0.1.0",
  "author": "Maurice Noever",
  "main": "app/background.js",
  "scripts": {
    "dev": "nextron",
    "build": "nextron build",
    "buildmac": "nextron build --universal",
    "postinstall": "electron-builder install-app-deps",
    "lint": "yarn eslint . --ext .js,.jsx,.ts,.tsx"
  },
  "dependencies": {
    "@types/sortablejs": "^1.15.8",
    "axios": "^1.7.2",
    "dotenv": "^16.4.5",
    "electron-serve": "^1.3.0",
    "electron-store": "^8.2.0",
    "node-schedule": "^2.1.1",
    "pako": "^2.1.0",
    "react-icons": "^4.12.0",
    "react-sortablejs": "^6.1.4",
    "sass": "^1.77.5",
    "sortablejs": "^1.15.2",
    "uuid": "^9.0.1"
  },
  "devDependencies": {
    "@types/node": "^20.14.5",
    "@types/react": "^18.3.3",
    "@typescript-eslint/eslint-plugin": "^7.12.0",
    "@typescript-eslint/parser": "^7.12.0",
    "autoprefixer": "^10.4.19",
    "electron": "^21.4.4",
    "electron-builder": "^23.3.3",
    "eslint": "^8.57.0",
    "eslint-config-next": "^13.5.4",
    "eslint-plugin-es": "^4.1.0",
    "eslint-plugin-next": "^0.0.0",
    "eslint-plugin-react": "^7.34.2",
    "eslint-plugin-react-hooks": "^4.6.2",
    "eslint-plugin-unicorn": "^53.0.0",
    "next": "^14.2.4",
    "nextron": "^9.1.0",
    "postcss": "^8.4.38",
    "prettier": "^3.3.2",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "tailwindcss": "^3.4.4",

    "typescript": "^5.4.5"
  }
}

// next js config

const path = require('path');
require('dotenv').config({ path: path.resolve(process.cwd(), '.env.local') });

module.exports = {
  output: 'export',
  // we want to change distDir to "app" so as nextron can build the app in production mode!
  distDir: process.env.NODE_ENV === 'production' ? '../app' : '.next',
  trailingSlash: true,
  images: {
    unoptimized: true,
  },
}

[saltyshiomix]

@noevermaurice

Ok, I'll investigate it :)

[saltyshiomix]

@noevermaurice

I tried it but I can't find any problems you met.

I tried:

• install your deps above
• yarn buildmac
• open dist production app => correct home page shown

[saltyshiomix]

@noevermaurice Could you make a GitHub issue? I want to talk with you in the issue :)

[KIMTAEKJU]

@saltyshiomix

hello

I want to launch multiple apps consisting of a monorepo inside nextron.

I think the link below is a similar issue.

#132

Is there any progress in the work?