nextjs x electron
Answered
Pacific sandlance posted this in #help-forum
![Avatar](https://cdn.discordapp.com/embed/avatars/1.png)
Pacific sandlanceOP
Has anyone tried building an app using nextjs 13.2+ an Electron? Right now Nextron supports only nextjs ^12. If you guys haven't tried it, what would be a good approach on building one?
Answered by Pacific sandlance
Okay for now I am just building the NextJS application with
and that's my electron main file (temporaly)
For now I haven't found a workout to run electron and nextjs in localhost but will let you know if I found a solution
npm run build
and that's my electron main file (temporaly)
const nextApp = next({ dir: '.', dev: false });
const nextHandler = nextApp.getRequestHandler();
nextApp.prepare().then(() => {
app.whenReady().then(() => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
});
const server = http.createServer((req, res) => {
return nextHandler(req, res);
});
server.listen(8000, (err) => {
if (err) throw err;
console.log('> Ready on http://localhost:8000');
mainWindow.loadURL('http://localhost:8000');
});
});
});
For now I haven't found a workout to run electron and nextjs in localhost but will let you know if I found a solution
3 Replies
![Avatar](https://cdn.discordapp.com/embed/avatars/1.png)
Pacific sandlanceOP
Okay for now I am just building the NextJS application with
and that's my electron main file (temporaly)
For now I haven't found a workout to run electron and nextjs in localhost but will let you know if I found a solution
npm run build
and that's my electron main file (temporaly)
const nextApp = next({ dir: '.', dev: false });
const nextHandler = nextApp.getRequestHandler();
nextApp.prepare().then(() => {
app.whenReady().then(() => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
});
const server = http.createServer((req, res) => {
return nextHandler(req, res);
});
server.listen(8000, (err) => {
if (err) throw err;
console.log('> Ready on http://localhost:8000');
mainWindow.loadURL('http://localhost:8000');
});
});
});
For now I haven't found a workout to run electron and nextjs in localhost but will let you know if I found a solution
Answer
![Avatar](https://cdn.discordapp.com/avatars/678259999201427466/1936f7e8963ff0f800f5eb4b43bc833c.webp?size=256)
Clown
Ok so i am not 100% but maybe just writing a script which opens both electron and nextjs should just work. In electron you will just load up the nextjs app's url.
![Avatar](https://cdn.discordapp.com/embed/avatars/1.png)
Pacific sandlanceOP
Doesn't work, it's a blank page