{"id":18040515,"url":"https://github.com/xizon/fullstack-cra-app-template","last_synced_at":"2025-04-09T16:43:57.722Z","repository":{"id":121344914,"uuid":"610585619","full_name":"xizon/fullstack-cra-app-template","owner":"xizon","description":"A CRA-based template that can customize webpack configuration and node.js scripts.","archived":false,"fork":false,"pushed_at":"2025-02-18T03:34:00.000Z","size":715,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-23T18:54:14.132Z","etag":null,"topics":["cra","create-react-app","create-react-app-template","fullstack","webpack"],"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/xizon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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":"2023-03-07T04:07:45.000Z","updated_at":"2025-02-18T03:34:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"feb5a1fc-758c-429a-a17d-17812a37318d","html_url":"https://github.com/xizon/fullstack-cra-app-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xizon%2Ffullstack-cra-app-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xizon%2Ffullstack-cra-app-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xizon%2Ffullstack-cra-app-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xizon%2Ffullstack-cra-app-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xizon","download_url":"https://codeload.github.com/xizon/fullstack-cra-app-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247657270,"owners_count":20974346,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["cra","create-react-app","create-react-app-template","fullstack","webpack"],"created_at":"2024-10-30T15:06:26.895Z","updated_at":"2025-04-09T16:43:57.696Z","avatar_url":"https://github.com/xizon.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fullstack CRA(create-react-app) Application Template\n\n\nA CRA-based template that can customize webpack configuration and node.js scripts.\n\n\nThis is a React application created using [create-react-app 5+](https://create-react-app.dev/), which can configure webpack independently and use Node.js scripts to export a `.zip` package.\n\nThis template enhances the scripts from `package.json`, without breaking the structure of CRA itself. It is used to remove the external React and ReactDOM libraries so that the bundles are completely separated from the React vendor.\n\n\n---\n\n\n* * *\n\n## File Structures\n\n\n```sh\nfullstack-cra-app-template/\n├── README.md\n├── LICENSE\n├── tsconfig.json\n├── custom.webpack.config.js\n├── package-lock.json\n├── package.json\n├── my-package/\u003cyour_package_name\u003e.zip\n├── scripts/\n├── public/\n├── src/\n│   ├── index.tsx\n│   └── ...\n└──\n```\n\n\n\n## Getting Started\n\nMake sure if NODEJS is installed on your computer.\n\n### Install  Dependencies:\n\n```sh\n$ npm install\n```\nIt will create `node_module` folder in this all dependency files will be install with this command.\n\n\n### Development And Debugging:\n\n```sh\n$ npm run start\n```\n\n\n### Production Build :\n\n```sh\n$ npm run build \n```\n\n\u003e **Disable source map**\n\u003e\n\u003e ```sh\n\u003e $ cross-env GENERATE_SOURCEMAP=false react-scripts build\n\u003e ```\n\n\n\n### Export to zip file\n\n♥️ It will automatically generate a compressed package `\u003cyour_package_name\u003e.zip` with the same name as your current repository, and put it in the `my-package` folder, you can modify` The `name` property in package.json` configures this name\n\n```sh\n$ npm run export\n```\n\n### Even More\n\n\nFor related operation commands, please refer to [create-react-app](https://create-react-app.dev/)\n\n\n## ⚙️ Custom Configuration of Build\n\nExcluding dependencies from the output bundles, you could change the `package.json` like this:\n\nThe `buildConfig` property will be linked to the Webpack configuration.\n\n```json\n{\n    ...\n    \"buildConfig\": {\n        \"externals\": {\n            \"react\": \"React\",\n            \"react-dom\": \"ReactDOM\"\n        }\n    },\n    ...\n}\n```\n\nIf you want to cancel the external files setting, please change it to:\n\n```json\n{\n    ...\n    \"buildConfig\": {\n        \"externals\": \"\"\n    },\n    ...\n}\n```\n\n\n## ⚠️ Installation Error or Unable To Run:\n\n\na) Has `node_modules` folder, just do it directly.\n\nIf running `npm run \u003cscript\u003e` fails because Node has been upgraded, use `npx -p node@\u003cversion\u003e \u003cyour_script\u003e` to run:\n\nsuch as\n\n```sh\n$ npx -p node@15.14.0 npm run dev\n$ npx -p node@14.21.3 npm run start\n```\n\n\n\n\nb) If there is no `node_modules` folder, using `npm install --legacy-peer-deps` is still unsuccessful. After deleting the dependencies of **package.json** and remove file **package-lock.json**, use the following command to reinstall:\n\n```sh\n$ npm install \u003cpackage1\u003e \u003cpackage2\u003e --legacy-peer-deps\n$ npm install --save-dev \u003cpackage1\u003e \u003cpackage2\u003e --legacy-peer-deps\n```\n\n\nc) NPM or NPX cache error\n\nView the location of the local npm cache:\n```sh\n$ npm config get cache\n```\n\nClear cache (npm and npx)\n```sh\n$ npm cache clean --force\n```\n\nor\n\n```sh\n$ rm -rf ~/.npm\n```\n\nCheck cache\n```sh\n$ npm cache verify\n```\n\n\n\n## Supported development environment\n\n- create-react-app 5.x.x+\n\n\n## Licensing\n\nLicensed under the [MIT](https://opensource.org/licenses/MIT).\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxizon%2Ffullstack-cra-app-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxizon%2Ffullstack-cra-app-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxizon%2Ffullstack-cra-app-template/lists"}