{"id":18445460,"url":"https://github.com/raralabs/create-rara-app","last_synced_at":"2025-08-10T16:38:38.523Z","repository":{"id":38333839,"uuid":"452683023","full_name":"raralabs/create-rara-app","owner":"raralabs","description":"Scaffold a react-app with some pre discussed sets of packages","archived":false,"fork":false,"pushed_at":"2024-04-28T06:28:22.000Z","size":462,"stargazers_count":4,"open_issues_count":4,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-23T03:06:33.091Z","etag":null,"topics":["create-react-app","graphql","react-boilterplate","react-query","react-template","typescript","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/raralabs.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}},"created_at":"2022-01-27T12:57:04.000Z","updated_at":"2023-05-13T23:34:26.000Z","dependencies_parsed_at":"2023-01-19T16:00:43.627Z","dependency_job_id":null,"html_url":"https://github.com/raralabs/create-rara-app","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/raralabs%2Fcreate-rara-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raralabs%2Fcreate-rara-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raralabs%2Fcreate-rara-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raralabs%2Fcreate-rara-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raralabs","download_url":"https://codeload.github.com/raralabs/create-rara-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247755333,"owners_count":20990616,"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":["create-react-app","graphql","react-boilterplate","react-query","react-template","typescript","vite"],"created_at":"2024-11-06T07:06:02.840Z","updated_at":"2025-04-08T00:31:35.360Z","avatar_url":"https://github.com/raralabs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Create Rara App\n\nA collections of react app templates to be used within the organization. The templates are created with discussed sets of packages. The templates are initially created by scaffolding with vite and later extended with chosen packages.\n\n### Scaffolding Your Rara App\n\n```javascript\nnpx create-rara-app folderName\n```\n\n## Available Templates:\n\n1. GraphQL\n\n   \u003e with react-query, typescript,vite, husky, eslint, graphql-code-generator,chakra-ui, react-location\n\n2. REST\n\n   \u003e !! Not Supported YET\n\n## Common Packages Used across the templates:\n\n- [Vite](https://vitejs.dev/) for scafollding with proper husky, eslint and prettier setup\n- [react-query](https://react-query.tanstack.com/) with axios for server data management\n- [Chakra ui](https://chakra-ui.com/) for style\n- [Typescript](https://www.typescriptlang.org/)\n- [react-router-dom](https://reactrouter.com/en/v6.3.0/getting-started/overview) for routing\n\n### Has Commit Lint enabled\n\n\u003e You need to follow the [commit conventions](https://www.conventionalcommits.org/en/) and remove all the warnings and error to commit.\n\n### .env File\n\nThe .env files have some predefined key value pairs that are generated based on the answer you've given while scaffolding the app.\n\n\u003e If you didn't provide any values, then a default path will be set. This env variables are used for api request in axios configuration file and if graphql is used then the VITE_SCHEMA_PATH will be used to set the path of schema\n\nWhere are the env variables used?\n\n- src/generated/axiosHelper.ts (VITE_API_URL)\n- codegen.yml (VITE_SCHEMA_URL)\n\n```javascript\nVITE_SCHEMA_PATH = http://localhost:9000/query\nVITE_API_URL = http://localhost:9000/query\n```\n\n## Folder Structure\n\n```\n--src\n-----components\n-----constant\n-----functions\n-----generated\n-----graphql\n-----hooks\n-----pages\n-----routes\n-----theme\n```\n\n\u003e Do not make any edits to generated folder. This is where all the typings for api calls (with graphql) are generated by [graphql-code-gnerator](https://www.graphql-code-generator.com/) along with [react-query plugin](https://www.graphql-code-generator.com/plugins/typescript-react-query).\n\n### Misc.\n\n**public/\\_\\_redirects** is used to prevent _page not found_ issue on reload after deploying on netlify\n\n**nginx.conf**: This file is used to prevent _page not found_ issues on reload after deploying on nginx server. The nginx server is used if you deploy with the given dockerFile\n\n### For Development\n\n- npm link // creates a symlink\n\n- create-rara-app folderName\n\n### Other Packages (Experiments \u0026 Recommendations)\n\n- [Vitest](https://vitest.dev/) :A blazing fast unit-test framework powered by Vite.\n\n  \u003e We are current experimenting on setting up Vitest and once this is finalized. It will be added to create-rara-app\n\n- [react-hook-form](https://react-hook-form.com/): For forms\n\n  \u003e This probably will _never_ be added as a default dependancy on _create-rara-app_. But it is recommended to use this package when you need any form related libraries.\n\n- [zustand](https://github.com/pmndrs/zustand): For state management\n  \u003e No state management packages will be added as a default dependancy on _create-rara-app_ for now. Though, we will be experimenting with redux, [redux toolkit](https://redux-toolkit.js.org/), zustand, [Xstate](https://xstate.js.org/). And if we ever come to agree on any state management, then we might be considering adding a state management library on _create-rara-app_. For now, we are recommending _zustand_.\n\n### REQUEST\n\nPlease create a PR or an issue [here](https://github.com/raralabs/create-rara-app/) if any versions need to be changed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraralabs%2Fcreate-rara-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraralabs%2Fcreate-rara-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraralabs%2Fcreate-rara-app/lists"}