Code Monkey home page Code Monkey logo

nextjs-electron-boilerplate's People

Contributors

darkguy10 avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

nextjs-electron-boilerplate's Issues

Question About Integrating Next.js Server-Side Rendering with Electron

Hi there! ๐Ÿ‘‹

Firstly, I just want to say, what you've managed to achieve by combining Electron and Next.js into a single project is absolutely fantastic! As someone who is relatively new to the frontend world, your project is both inspiring and a bit magical to me.

I'm a student working on a small project for school, and I've been dabbling a bit in React. The goal of my project is to create an application that can be packaged as a binary for desktop usage ๐Ÿ“ฆ, but also, ideally, be capable of being deployed as a web server to serve web pages.

Your project seems like it could be the perfect starting point for what I'm trying to accomplish. However, I'm a bit puzzled about one thing and was hoping you could help clarify. I'm interested in leveraging Next.js's server-side rendering capabilities within the Electron framework. Since you've brilliantly utilized Electron primarily for backend tasks, I'm curious:

  • Is it possible to integrate Next.js's server-side rendering with Electron, where Electron serves more as the UI rendering engine (akin to a browser)? ๐Ÿ–ฅ๏ธโžก๏ธ๐ŸŒ
  • If so, do you have any examples or documentation that could guide me through this process? Any pointers would be greatly appreciated and incredibly helpful for my learning journey.

I understand this might be a bit of an unusual request, but your expertise and innovative approach to combining these technologies have really caught my eye, and I'm eager to learn more from your work.

Thank you so much for your time and for sharing your amazing project with the community. Looking forward to any advice you can provide!

Error in import CSS, image files because CORS when build app

NextJS-Electron-Boilerplate is really a nice template for start. however, I notice a error when use yarn build, style sheet and image file seems not loaded correctly. But it load correctly when debug using yarn start.
And it occured in yarn frontend:build, and it seems is caused by browser's CORS, the reference link of css and image is started with file// which is not allowd with CORS.

some mention add webSecurity: false, in BrowserWindow webPreferences would address this problem, but it don't works for me.

how to reproduce:

  1. clone the repo
  2. yarn install
  3. yarn build
  4. open app directly

platform

macOS x86

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.