{"id":20238670,"url":"https://github.com/walterradduso/electron-express-react-webpack-boilerplate","last_synced_at":"2026-03-18T00:44:49.256Z","repository":{"id":143910941,"uuid":"274928415","full_name":"walterradduso/electron-express-react-webpack-boilerplate","owner":"walterradduso","description":"Minimal Electron, Express, React and Webpack boilerplate to help you get started with building your next app.","archived":false,"fork":false,"pushed_at":"2020-06-27T16:10:47.000Z","size":168,"stargazers_count":5,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T19:58:02.193Z","etag":null,"topics":["electron","nodejs","reactjs","sass"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/walterradduso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-25T13:50:41.000Z","updated_at":"2023-05-18T13:14:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"582432d6-ea8f-4a59-9866-58ffe1ffb624","html_url":"https://github.com/walterradduso/electron-express-react-webpack-boilerplate","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/walterradduso/electron-express-react-webpack-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walterradduso%2Felectron-express-react-webpack-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walterradduso%2Felectron-express-react-webpack-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walterradduso%2Felectron-express-react-webpack-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walterradduso%2Felectron-express-react-webpack-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/walterradduso","download_url":"https://codeload.github.com/walterradduso/electron-express-react-webpack-boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walterradduso%2Felectron-express-react-webpack-boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30637570,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-18T00:09:27.587Z","status":"ssl_error","status_checked_at":"2026-03-18T00:09:26.123Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["electron","nodejs","reactjs","sass"],"created_at":"2024-11-14T08:35:18.855Z","updated_at":"2026-03-18T00:44:49.220Z","avatar_url":"https://github.com/walterradduso.png","language":"JavaScript","funding_links":["https://paypal.me/walterradduso"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\r\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/walterradduso/electron-express-react-webpack-boilerplate@master/docs/images/electron-express-react-webpack-boilerplate.png\" width=\"200\" align=\"center\"\u003e\r\n  \u003cbr\u003e\r\n  \u003cbr\u003e\r\n\u003c/p\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003ca href=\"https://david-dm.org/walterradduso/electron-express-react-webpack-boilerplate\"\u003e\r\n    \u003cimg alt=\"Dependency Status\" src=\"https://david-dm.org/walterradduso/electron-express-react-webpack-boilerplate.svg?style=flat\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"https://david-dm.org/walterradduso/electron-express-react-webpack-boilerplate?type=dev\"\u003e\r\n    \u003cimg alt=\"devDependency Status\" src=\"https://david-dm.org/walterradduso/electron-express-react-webpack-boilerplate/dev-status.svg?style=flat\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"http://opensource.org/licenses/MIT\"\u003e\r\n    \u003cimg alt=\"MIT License\" src=\"https://img.shields.io/npm/l/express.svg\"\u003e\r\n  \u003c/a\u003e\r\n  \u003ca href=\"https://github.com/walterradduso/electron-express-react-webpack-boilerplate/releases\"\u003e\r\n    \u003cimg alt=\"Current release\" src=\"https://img.shields.io/github/release/walterradduso/electron-express-react-webpack-boilerplate.svg\"\u003e\r\n  \u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003ca href=\"https://paypal.me/walterradduso\" rel=\"nofollow\"\u003e\r\n    \u003cimg src=\"https://img.shields.io/badge/Paypal-Donate-%2300457C.svg?logo=paypal\u0026style=flat\" alt=\"Paypal\" data-canonical-src=\"https://img.shields.io/badge/Paypal-Donate-%2300457C.svg?logo=buy-me-a-coffee\u0026style=flat\" style=\"max-width:100%;\"\u003e\r\n  \u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n## Minimal Electron, Express, React and Webpack boilerplate\r\n\r\nMinimal Electron, Express, React and Webpack boilerplate to help you get started with building your next app.\r\n\r\nThis project was a fork of [electron-react-webpack-boilerplate](https://github.com/alexdevero/electron-react-webpack-boilerplate).\r\nI keep some files used in that project, but I add and change things.\r\n\r\nIn this project I add ExpressJs, removed PostCSS, added Sass and added Electron Builder to create the app package.\r\n\r\n### Table of contents\r\n\r\n* [Install](#install)\r\n* [Configuration](#configuration)\r\n* [Usage](#usage)\r\n* [Change app title](#change-app-title)\r\n* [Generate packages](#generate-packages)\r\n* [Contact and Support](#contact-and-support)\r\n* [Licence](#license)\r\n\r\n---\r\n\r\n### Install\r\n\r\n#### Clone this repo\r\n\r\n```\r\ngit clone git@github.com:WalterRadduso/electron-express-react-boilerplate.git\r\n```\r\n\r\n#### Install dependencies\r\n\r\n```\r\nyarn\r\n```\r\nor\r\n```\r\nnpm install\r\n```\r\n\r\n---\r\n\r\n### Configuration\r\n\r\n#### Server Port\r\n\r\nCopy the example environment variable.\r\n\r\n```\r\ncp .env.example .env\r\n```\r\n\r\nNow you are able to change the port.\r\n\r\n---\r\n\r\n### Usage\r\n\r\n#### Run in dev\r\n\r\n```\r\nyarn start-all\r\n```\r\nor\r\n```\r\nnpm run start-all\r\n```\r\n\r\n#### Run in prod\r\n\r\n```\r\nyarn prod\r\n```\r\nor\r\n```\r\nnpm run prod\r\n```\r\n\r\n#### Build the app\r\n\r\n```\r\nyarn build\r\n```\r\nor\r\n```\r\nnpm run build\r\n```\r\n\r\n---\r\n\r\n### Change app title\r\n\r\nThis boilerplate uses [HTML Webpack Plugin](https://github.com/jantimon/html-webpack-plugin#options) to generate the HTML file of the app. Changing app title is possible only through webpack configs, `webpack.build.config.js` and `webpack.dev.config.js`. App title can be changed by adding objects of options.\r\n\r\nIn `webpack.build.config.js`:\r\n\r\n```JavaScript\r\nplugins: [\r\n  new HtmlWebpackPlugin({title: 'New app title'}),// Add this (line 41)\r\n  new MiniCssExtractPlugin({\r\n    // Options similar to the same options in webpackOptions.output\r\n    // both options are optional\r\n    filename: 'bundle.css',\r\n    chunkFilename: '[id].css'\r\n  }),\r\n  new webpack.DefinePlugin({\r\n    'process.env.NODE_ENV': JSON.stringify('production')\r\n  }),\r\n  new BabiliPlugin()\r\n]\r\n```\r\n\r\nIn `webpack.dev.config.js`:\r\n\r\n```JavaScript\r\nplugins: [\r\n  new HtmlWebpackPlugin({title: 'New app title '}),// Add this (line 36)\r\n  new webpack.DefinePlugin({\r\n    'process.env.NODE_ENV': JSON.stringify('development')\r\n  })\r\n]\r\n```\r\n\r\n---\r\n\r\n### Generate packages\r\n\r\n#### Files needed\r\n\r\nYou are able to add the files/folders that you need in your package.\r\n\r\nIn `package.json` you have to add/remove the files that you need in your own project.\r\n\r\n```json\r\n{\r\n  \"build\": {\r\n    \"files\": [\r\n      \"dist\",\r\n      \"electron.js\",\r\n      \"node_modules\",\r\n      \"package.json\",\r\n      \"server.js\",\r\n      \"src\",\r\n      \"splash\"\r\n    ]\r\n  }\r\n}\r\n```\r\n\r\n#### MacOS\r\n\r\n```\r\nyarn package-mac\r\n```\r\nor\r\n```\r\nnpm run package-mac\r\n```\r\n\r\n#### Windows\r\n\r\n```\r\nyarn package-win\r\n```\r\nor\r\n```\r\nnpm run package-win\r\n```\r\n\r\n#### Linux\r\n\r\n```\r\nyarn package-linux\r\n```\r\nor\r\n```\r\nnpm run package-linux\r\n```\r\n\r\n---\r\n\r\n### Contact and Support\r\n\r\nI want your feedback! Here's a list of different ways to me and request help:\r\n* Report bugs and submit feature requests to [GitHub issues](https://github.com/walterradduso/electron-express-react-webpack-boilerplate/issues).\r\n\r\nIf you feel generous and want to show some extra appreciation:\r\n\r\n[![Donate by PayPal][paypal-shield]][paypal]\r\n\r\n[paypal-shield]: https://www.paypalobjects.com/webstatic/mktg/logo/pp_cc_mark_37x23.jpg\r\n[paypal]: https://paypal.me/walterradduso\r\n\r\n### License\r\n\r\nMIT © [Walter Radduso](https://walterradduso.github.io/).\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalterradduso%2Felectron-express-react-webpack-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalterradduso%2Felectron-express-react-webpack-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalterradduso%2Felectron-express-react-webpack-boilerplate/lists"}