{"id":15198780,"url":"https://github.com/MegaDev007/nestjs-react-graphql-boilerplate","last_synced_at":"2025-10-02T14:31:57.228Z","repository":{"id":228954626,"uuid":"775358318","full_name":"KristoffAlaric/nestjs-react-graphql-boilerplate","owner":"KristoffAlaric","description":"About A Fullstack Web App boilerplate based on these bad boys, GraphQL / Postgresql / Nestjs / React","archived":false,"fork":false,"pushed_at":"2024-03-21T08:49:09.000Z","size":184,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-09-28T01:41:08.685Z","etag":null,"topics":["app","application","backend","boilerplate","frontend","fullstack","javascript","nest","next","node","nodemon","npm","react","server","styled-components","typescript","website","yarn"],"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/KristoffAlaric.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":"2024-03-21T08:39:52.000Z","updated_at":"2024-03-21T08:51:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"c100bf75-9feb-4b01-b3ad-7352a0a87a24","html_url":"https://github.com/KristoffAlaric/nestjs-react-graphql-boilerplate","commit_stats":null,"previous_names":["devcrazer/nestjs-react-graphql-boilerplate","kristoffalaric/nestjs-react-graphql-boilerplate"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KristoffAlaric%2Fnestjs-react-graphql-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KristoffAlaric%2Fnestjs-react-graphql-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KristoffAlaric%2Fnestjs-react-graphql-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KristoffAlaric%2Fnestjs-react-graphql-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KristoffAlaric","download_url":"https://codeload.github.com/KristoffAlaric/nestjs-react-graphql-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219875712,"owners_count":16554705,"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":["app","application","backend","boilerplate","frontend","fullstack","javascript","nest","next","node","nodemon","npm","react","server","styled-components","typescript","website","yarn"],"created_at":"2024-09-28T01:41:14.174Z","updated_at":"2025-10-02T14:31:56.886Z","avatar_url":"https://github.com/KristoffAlaric.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  Nestjs React GraphQL Boilerplate\n\u003c/h1\u003e\n\n![Language](https://img.shields.io/badge/language-TypeScript-blue.svg)\n![Backend](https://img.shields.io/badge/backend-Nestjs-e0224e.svg)\n![API](https://img.shields.io/badge/api-GraphQL-e535ab.svg)\n![Database](https://img.shields.io/badge/database-TypeOrm-fb0902.svg)\n![Frontend](https://img.shields.io/badge/frontend-Nextjs-0f70f3.svg)\n![Testing](https://img.shields.io/badge/testing-Jest-954058.svg)\n![GitHub](https://img.shields.io/github/license/twetlix/nestjs-react-graphql-boilerplate.svg)\n\n\u003e A Fullstack Web App boilerplate based on these bad boys, **GraphQL** / **Postgresql** / **Nestjs** / **React** 😘\n\n## Backend\n\n**Must Read (important)**\nThe backend of the boilerplate is as said above based on Nestjs which is a really powerful backend framework and since this boilerplate is all about using Typescript on both sides of the application Nestjs was a no brainer, for the database you can use any kind of database you want as that it will all be managed using TypeOrm. This backend is also GraphQL specific meaning it has the full GraphQL support with Typescript classes based schema generation which makes your schema fully typed during development.\n\n## Frontend\n\n**Must Read (important)**\nThe frontent of the boilerplate is based on Reactjs and using server-side-rendering using Nextjs, for communications between the frontend and the GraphQL backend it is using react apollo. For styling the boilerplate uses styled-components in conjunction with react-bootstrap to offer a solid grid system to build your app with.\n\n## Why use this\n\nThis boilerplate is for someone that wants firstly using a typed language like Typescript on both sides of the app, and it also uses GraphQL which is another major benefit of this boilerplate, as for React it is the leading frontend framework/library and it is one of the best ways someone could ever use to develop the frontend, Nestjs also provides a solid ground to build your backend with since it is very organized in terms of how you build your backend with it.\n\n## Note\n\nThis boilerplate is **NOT** for a beginner developer as that it requires a general knowledge of GraphQL, TypeScript, Nestjs and GraphQL\n\n## Installation\n\nTo start using this boilerplate, clone the repo to your desired destination and install the dependencies.\n\n```bash\n$ git clone https://github.com/twetlix/nestjs-react-graphql-boilerplate.git \u003cyour-project-name\u003e\n\n$ cd \u003cyour-project-name\u003e\n$ yarn install\n```\n\n## Usage\n\nRun the following command to start the project in an auto-reloading development mode\n\n```bash\n$ yarn dev\n```\n\nAnd to build your project\n\n```bash\n$ yarn build\n```\n\nTo run tests\n\n```bash\n$ yarn test\n```\n\nTo lint the project\n\n```bash\n$ yarn lint\n```\n\nTo format the project\n\n```bash\n$ yarn format\n```\n\n**There are other commands you can run for the boilerplate, just take a look at the package.json file in the root folder**\n\n## Moreover\n\nOne really great feature about this boilerplate is that every side of the application is separate meaning in the future the boilerplate is capable of expanding to other sides for example if you want a react-native app, just create it inside the packages folder and it will be a yarn workspace in the project!\n\n## License\n\nMIT License\n\nCopyright (c) 2019 Twetlix\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMegaDev007%2Fnestjs-react-graphql-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMegaDev007%2Fnestjs-react-graphql-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMegaDev007%2Fnestjs-react-graphql-boilerplate/lists"}