{"id":14007223,"url":"https://github.com/atherosai/next-react-graphql-apollo-hooks","last_synced_at":"2025-12-30T09:26:05.254Z","repository":{"id":38963145,"uuid":"114473004","full_name":"atherosai/next-react-graphql-apollo-hooks","owner":"atherosai","description":"React, Apollo, Next.js, GraphQL, Node.js, TypeScript high performance boilerplate with React hooks GraphQL implementation and automatic static type generation","archived":false,"fork":false,"pushed_at":"2023-03-03T10:05:56.000Z","size":5978,"stargazers_count":231,"open_issues_count":17,"forks_count":54,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-08-10T10:04:03.391Z","etag":null,"topics":["apollo","express","graphql","nextjs","nodejs","react","typescript"],"latest_commit_sha":null,"homepage":"https://atheros.ai","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/atherosai.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":"2017-12-16T16:04:03.000Z","updated_at":"2024-08-10T10:04:06.076Z","dependencies_parsed_at":"2024-08-10T10:14:11.267Z","dependency_job_id":null,"html_url":"https://github.com/atherosai/next-react-graphql-apollo-hooks","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/atherosai%2Fnext-react-graphql-apollo-hooks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atherosai%2Fnext-react-graphql-apollo-hooks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atherosai%2Fnext-react-graphql-apollo-hooks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atherosai%2Fnext-react-graphql-apollo-hooks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atherosai","download_url":"https://codeload.github.com/atherosai/next-react-graphql-apollo-hooks/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227384188,"owners_count":17772330,"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":["apollo","express","graphql","nextjs","nodejs","react","typescript"],"created_at":"2024-08-10T10:01:55.432Z","updated_at":"2025-12-30T09:26:05.211Z","avatar_url":"https://github.com/atherosai.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# High performance Next + React + GraphQL starter kit\n\nThe purpose of this starter kit is not to be complete solution, but introduction for creating high performance websites with Next.js, React and GraphQL. We use this repository for new projects at [Atheros Intelligence](https://atheros.ai/) and as the repository for our articles at [GraphQL Mastery](https://atheros.ai/blog)\n\n* Clone the repository with `git clone git@github.com:atherosai/next-react-graphql-apollo-hooks.git`\n* To preserve secure dependencies in `package-lock.json` use `npm ci` to install packages\n\n## Node.js version\n\nEven though that the starter kit should work with older `Node` versions, I would suggest to use latest Node `LTS version`. In `package.json`. We have set requirements as follows:\n\n```json\n \"engines\": {\n    \"node\": \"\u003e=10.0.0\",\n    \"npm\": \"\u003e6\"\n  },\n```\n\n## Technologies \u0026 main features\n\n* Next.js\n* React\n* GraphQL (Apollo server)\n* Apollo client\n* React Apollo Hooks\n* Node.js\n* TypeScript\n* GraphQL Code Generator\n* Jest\n\n## Production usage\n\nIn order to achieve the best performance you should have enabled http/2 and also enable compression in your reverse proxy (nginx). Up to date Node.js server is also very benefitial.\n\n## Environment configuration\n\nThe solution for environment variables is built using [dotenv](https://github.com/motdotla/dotenv) library and two environment variables. Well known `NODE_ENV` variable can be set as `development` or `production` and our `CUSTOM_ENV`, which defines the environment. This can be your `staging`, `production`, `local` environment or even your build server. These two variables define the name of `.env` file in `/secrets` folder that will be used. If we would like to for example define the config for our staging environment we would create the file called `/secrets/production-staging.env` and place all the environment variables there. The example for such a file can be for example the following that we can use for development\n\n```bash\nNODE_ENV=development\nCUSTOM_ENV=local\nPORT=3000\nAPI_URL=http://localhost:3000/graphql\nHOST=http://localhost:3000\n```\n\n## Security and audit\n\nYou can run security audit on dependencies with. Be sure that you use `package-lock.json` in our repository.\n\n`npm audit`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatherosai%2Fnext-react-graphql-apollo-hooks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatherosai%2Fnext-react-graphql-apollo-hooks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatherosai%2Fnext-react-graphql-apollo-hooks/lists"}