Comments (9)
@saltyshiomix just updated my project to the latest Next.js (v14.2.4) and the latest nextron (9.1.0) version using Node v20.15.0 and it works great!
from nextron.
Update on this, even though i tried creating custom NextJS configuration the build step is too tied to nextron which makes things complicated even when trying to build the app via the native electron builder.
So the current best thing we can do is to use the NextJS v13 until nextron support officially v14.
from nextron.
@MemerGamer thanks for the update! @saltyshiomix any plans to support Next 14 in the near future?
from nextron.
Thank you for mention me :)
We hope to have Next.js v14 support by the end of May ๐
from nextron.
Would love to help/test it when you have something working
from nextron.
Thank you very much!
I will be sure to contact you when I release it :)
from nextron.
@saltyshiomix just updated my project to the latest Next.js (v14.2.4) and the latest nextron (9.1.0) version using Node v20.15.0 and it works great!
Thank you for trying it!
If you have any troubles, feel free to contact me :)
from nextron.
I somehow managed to set up the base project with the latest electron
and NextJS
on node v20.12.2
(Currently trying to resolve the build process, development build is succesfull, but production build fails)
The steps i followed:
Note: I run npm install
frequently to check if the electron builder fails
- Updated electron version with the following command:
npm install electron@latest
npm install
- Updated to NextJS13 (I think this can be optional, but made sure to do v12 to v13 instead of straight up moving to v14)
npm i next@13 react@latest react-dom@latest eslint-config-next@13
npm install
- Updated to NextJS14
npm i next@latest react@latest react-dom@latest eslint-config-next@latest
npm install
Here I tested if the app works with dev build by running
npm run dev
I needed to update some outdated code parts that were modified from Next v12 to v14 like including <a>
tags in <Link>
has become legacy stuff, so i removed the unnecessary anchor tags
I hope this helps, currently I am trying to resolve some build problems, since next export
command was removed in favor of output: "export"
from nextron.
@paras258 @MemerGamer @gkorland
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,
},
}
from nextron.
Related Issues (20)
- install directly with app router? HOT 2
- Command line arguments not working in dev command HOT 1
- Electron updater HOT 9
- ESM: latest sindresorhus packages support HOT 3
- IPC example HOT 14
- i18next Localization of dynamic pages does not work in the build HOT 2
- Nextron Tailwind Example does not work with `pnpm` HOT 2
- Vercel backend SSR / server actions HOT 1
- How to remove window.ipc.on listener? HOT 1
- cat not start debugger port
- error: unknown option '-o' HOT 16
- remote debugging HOT 1
- Nextron v9 with next js 14.2.4 white window in prod build with page router and electron 31 HOT 8
- Next Ui Support HOT 1
- vscode debug not work
- Is there an example of next js app router ? I tried ,but failed. HOT 3
- Monorepo: "Next not found in both dependencies and devDependencies."
- Nextron js is completely broken - Everything does not seems to work anymore HOT 3
- Nextron exports the build results to "app" directory, so please set "distDir" to "../app" in next.config.js HOT 1
- Using next js 14 app router,When nodeIntegration set to true,the useEffect not trigger๏ผ
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nextron.