\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example basic-lang-javascript\n\n# with yarn\nyarn create nextron-app my-app --example basic-lang-javascript\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example basic-lang-javascript\n```\n\n### [examples/basic-lang-typescript](./examples/basic-lang-typescript)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example basic-lang-typescript\n\n# with yarn\nyarn create nextron-app my-app --example basic-lang-typescript\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example basic-lang-typescript\n```\n\n### [examples/basic-launch-app-from-url](./examples/basic-launch-app-from-url)\n\nThis example shows how to open your app from browser URL.\n\nNote: this example works **only production build**!\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example basic-launch-app-from-url\n\n# with yarn\nyarn create nextron-app my-app --example basic-launch-app-from-url\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example basic-launch-app-from-url\n\n# --------------------------------------------------------------\n\n# Production build\nyarn build (or `npm run build` or `pnpm run build`)\n```\n\nAfter production build, open `your-custom-protocol://open?token=jwt-value` in your browser, then the app will be shown like a magic!\n\nIf you want to change schema URL, please edit `electron-builder.yml#protocols`:\n\n```yml\nprotocols:\n name: Your App Name\n schemes: [your-custom-protocol-edited]\n```\n\nThen, you can see the app from URL: `your-custom-protocol-edited://any-uri-here?data=include-any-data`.\n\n### [examples/basic-store-data](./examples/basic-store-data)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example basic-store-data\n\n# with yarn\nyarn create nextron-app my-app --example basic-store-data\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example basic-store-data\n```\n\n### [examples/custom-build-options](./examples/custom-build-options)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example custom-build-options\n\n# with yarn\nyarn create nextron-app my-app --example custom-build-options\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example custom-build-options\n```\n\n### [examples/custom-renderer-port](./examples/custom-renderer-port)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example custom-renderer-port\n\n# with yarn\nyarn create nextron-app my-app --example custom-renderer-port\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example custom-renderer-port\n```\n\n### [examples/with-ant-design](./examples/with-ant-design)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example with-ant-design\n\n# with yarn\nyarn create nextron-app my-app --example with-ant-design\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example with-ant-design\n```\n\n### [examples/with-chakra-ui](./examples/with-chakra-ui)\n\n
\n \n \n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example with-chakra-ui\n\n# with yarn\nyarn create nextron-app my-app --example with-chakra-ui\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example with-chakra-ui\n```\n\n### [examples/with-emotion](./examples/with-emotion)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example with-emotion\n\n# with yarn\nyarn create nextron-app my-app --example with-emotion\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example with-emotion\n```\n\n### [examples/with-material-ui](./examples/with-material-ui)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example with-material-ui\n\n# with yarn\nyarn create nextron-app my-app --example with-material-ui\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example with-material-ui\n```\n\n### [examples/with-next-i18next](./examples/with-next-i18next)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example with-next-i18next\n\n# with yarn\nyarn create nextron-app my-app --example with-next-i18next\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example with-next-i18next\n```\n\n### [examples/with-tailwindcss](./examples/with-tailwindcss)\n\n
\n\n```sh\n# with npx\nnpx create-nextron-app my-app --example with-tailwindcss\n\n# with yarn\nyarn create nextron-app my-app --example with-tailwindcss\n\n# with pnpm\npnpm dlx create-nextron-app my-app --example with-tailwindcss\n```\n\n## Develop\n\n### Basic\n\n```sh\ngit clone https://github.com/saltyshiomix/nextron.git\ncd nextron\npnpm install\nnpx lefthook install\npnpm dev # default is examples/basic-lang-javascript\n```\n\n### Developing `examples/*`\n\n```sh\npnpm dev \n```\n\n### Developing for your own project\n\n1. Install development version of nextron\n\n```sh\ncd nextron\nnpm install\nnpm run build\nnpm link\n```\n\n2. Install linked nextron in your project\n\n```sh\ncd your-project\nnpm link nextron\n```\n\n3. On every change in nextron, run `npm run build` in nextron folder and restart your project\n\n## Maintainers ⚡\n\n- [saltyshiomix (Shiono Yoshihide)](https://github.com/saltyshiomix)\n- [lacymorrow (Lacy Morrow)](https://github.com/lacymorrow)\n- [Psycokwet](https://github.com/Psycokwet)\n- [m5x5](https://github.com/m5x5)\n- [andirsun (Anderson Laverde)](https://github.com/andirsun)\n- [bm777 (Bayang)](https://github.com/bm777)\n- [FranciscoJBrito (Francisco Brito)](https://github.com/FranciscoJBrito)\n- [pixelass (Gregor Adams)](https://github.com/pixelass)\n\nFor more information, please see [Looking for maintainers ⚡ #244](https://github.com/saltyshiomix/nextron/discussions/244).\n\n## Community\n\nYou already create apps with nextron? Feel free to share your apps or services: [Made by nextron? #406](https://github.com/saltyshiomix/nextron/discussions/406)\n\n## Related\n\n- [create-nextron-app](https://github.com/saltyshiomix/create-nextron-app) - Create Nextron (Next.js + Electron) apps in one command ⚡\n\n## License\n\nThis project is licensed under the terms of the [MIT license](https://github.com/saltyshiomix/nextron/blob/main/LICENSE).\n","readmeFilename":"README.md"}
![](\"https://i.imgur.com/0vkxIMN.png\")
![\"NPM](\"https://img.shields.io/npm/v/nextron.svg?style=for-the-badge&labelColor=000000\")
\n \n \n ![\"NPM](\"https://img.shields.io/npm/dt/nextron.svg?style=for-the-badge&labelColor=000000\")
\n \n ![\"Package](\"https://img.shields.io/github/license/saltyshiomix/nextron.svg?style=for-the-badge&labelColor=000000\")
\n \n ![\"AWESOME](\"https://img.shields.io/badge/AWESOME%20%20NEXTJS-b37fb3.svg?style=for-the-badge\"){kind=icon}
\n \n![](\"https://i.imgur.com/X7dSE68.png\")
![](\"https://i.imgur.com/NZfsD1p.png\")
![](\"./docs/examples/basic-launch-app-from-url/nextron.gif\")
![](\"https://i.imgur.com/BgFze6G.png\")
![](\"https://i.imgur.com/QqQekRJ.png\")
![](\"https://i.imgur.com/NrkTPe9.png\")
![](\"https://i.imgur.com/oahHuxG.png\")
\n ![](\"https://i.imgur.com/sZ01Nyl.png\")
\n![](\"https://i.imgur.com/3UKgyH7.png\")
![](\"https://i.imgur.com/flcMvDC.png\")
![](\"https://i.imgur.com/uhXCr6v.png\")
![](\"https://i.imgur.com/a9QWW0v.png\")