{"id":20293787,"url":"https://github.com/arrudadev/jamstack-next-graphcms","last_synced_at":"2026-04-08T16:01:44.137Z","repository":{"id":177653696,"uuid":"460112025","full_name":"arrudadev/jamstack-next-graphcms","owner":"arrudadev","description":"A simple JAMStack app using NextJs, Graphql and GraphCMS.","archived":false,"fork":false,"pushed_at":"2022-02-26T21:45:05.000Z","size":5507,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-04T05:28:14.265Z","etag":null,"topics":["graphcms","graphql","jamstack","nextjs","reactjs","tailwindcss","typescript","urql"],"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/arrudadev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"2022-02-16T17:41:04.000Z","updated_at":"2023-05-12T17:07:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"eda8e8a0-ab3c-4a42-87bc-74538cb0c239","html_url":"https://github.com/arrudadev/jamstack-next-graphcms","commit_stats":null,"previous_names":["arrudadev/jamstack-next-graphcms"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/arrudadev/jamstack-next-graphcms","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrudadev%2Fjamstack-next-graphcms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrudadev%2Fjamstack-next-graphcms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrudadev%2Fjamstack-next-graphcms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrudadev%2Fjamstack-next-graphcms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arrudadev","download_url":"https://codeload.github.com/arrudadev/jamstack-next-graphcms/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrudadev%2Fjamstack-next-graphcms/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["graphcms","graphql","jamstack","nextjs","reactjs","tailwindcss","typescript","urql"],"created_at":"2024-11-14T15:26:16.346Z","updated_at":"2026-04-08T16:01:44.122Z","avatar_url":"https://github.com/arrudadev.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003e\n  \u003cdiv style=\"display: inline-block;\"\u003e\n    \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jamstack/jamstack-original.svg\" height=\"100\" width=\"100\" /\u003e\n    \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/graphql/graphql-plain.svg\" height=\"100\" width=\"100\" /\u003e\n  \u003c/div\u003e\n  JAMStack with GraphCMS\n  \u003cbr\u003e\n\u003c/h1\u003e\n\n\u003ch4 align=\"center\"\u003eA simple JAMStack app using NextJs, Graphql and GraphCMS.\u003c/h4\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  [![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)\n  [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)](http://makeapullrequest.com)\n  ![GitHub repo size](https://img.shields.io:/github/repo-size/arrudadev/jamstack-next-graphcms)\n\n\u003c/div\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/arrudadev/react-storybook-example/issues\"\u003eReport Bug\u003c/a\u003e •\n  \u003ca href=\"https://github.com/arrudadev/react-storybook-example/issues\"\u003eRequest Feature\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/arrudadev/jamstack-next-graphcms/main/.github/assets/cover.gif\" height=\"500\" width=\"100%\" alt=\"cover\" /\u003e\n\n\u003ch2 id=\"screenshots\"\u003e :camera: Screenshots\u003c/h2\u003e\n\nClick to expand.\u003cbr\u003e\n\n| Home | Home - All in One Platform Section | Home - Pricing Section | Footer | Blog | Blog content |\n| ------- | --- | --- | --- | --- | --- |\n| \u003cimg src=\"https://raw.githubusercontent.com/arrudadev/jamstack-next-graphcms/main/.github/assets/home/home.png\" width=\"100%\" alt=\"Home\" /\u003e | \u003cimg src=\"https://raw.githubusercontent.com/arrudadev/jamstack-next-graphcms/main/.github/assets/home/home-all-in-one-platform-section.png\" width=\"100%\" alt=\"Home - All in one Platform Section\" /\u003e | \u003cimg src=\"https://raw.githubusercontent.com/arrudadev/jamstack-next-graphcms/main/.github/assets/home/home-pricing-section.png\" width=\"100%\" alt=\"Home - Pricing Section\" /\u003e | \u003cimg src=\"https://raw.githubusercontent.com/arrudadev/jamstack-next-graphcms/main/.github/assets/home/footer.png\" width=\"100%\" alt=\"Footer\" /\u003e | \u003cimg src=\"https://raw.githubusercontent.com/arrudadev/jamstack-next-graphcms/main/.github/assets/blog/blog.png\" width=\"100%\" alt=\"Blog\" /\u003e | \u003cimg src=\"https://raw.githubusercontent.com/arrudadev/jamstack-next-graphcms/main/.github/assets/blog/blog-content.png\" width=\"100%\" alt=\"Blog Content\" /\u003e |\n\n\u003ch2 id=\"table-of-contents\"\u003e :pushpin: Table of Contents\u003c/h2\u003e\n\n* [About The Project](#about-the-project)\n* [Technologies](#technologies)\n* [Getting Started](#getting-started)\n   * [Prerequisites](#prerequisites)\n   * [Installation](#installation)\n   * [Usage](#usage)\n* [Contributing](#contributing)\n* [Collaborators](#collaborators)\n* [License](#license)\n\n\u003ch2 id=\"about-the-project\"\u003e :pencil: About The Project\u003c/h2\u003e\n\n\u003cp align=\"justify\"\u003e\n  This project is a small example of a JAMStack application, a blog built with GraphCMS. The purpose of this project is to study the consumption of Graphql APIs with React and also the use of a CMS that offers an API in Graphql. In this case, GraphCMS.\n\u003c/p\u003e\n\n\u003ch2 id=\"technologies\"\u003e :computer: Technologies\u003c/h2\u003e\n\nThis project was developed with the following technologies:\n\n- [React](https://reactjs.org)\n- [NextJs](https://nextjs.org/)\n- [Typescript](https://www.typescriptlang.org/)\n- [Graphql](https://graphql.org/)\n- [GraphCMS](https://graphcms.com/)\n- [Urql](https://formidable.com/open-source/urql/)\n- [Tailwind CSS](https://tailwindcss.com/)\n\n\u003ch2 id=\"getting-started\"\u003e :runner: Getting Started\u003c/h2\u003e\n\n\u003cp align=\"justify\"\u003e\n  To run the project locally follow these steps:\n\u003c/p\u003e\n\n\u003ch3 id=\"prerequisites\"\u003e :warning: Prerequisites\u003c/h3\u003e\n\n- [NodeJs](https://nodejs.org/en/) Prefer to install the LTS version.\n- [Yarn](https://yarnpkg.com/) Need to install latest version prior to 2.0 version.\n- [GraphCMS](https://yarnpkg.com/) You Need to setup the GraphCMS. See the [documentation](https://github.com/arrudadev/jamstack-next-graphcms/blob/main/docs/graphcms.md) for setup your GraphCMS for this project.\n\n\u003ch3 id=\"installation\"\u003e :construction_worker: Installation\u003c/h3\u003e\n\n\u003cp align=\"justify\"\u003e\n  1. To clone the project, run this command:\n\u003c/p\u003e\n\n```\ngit clone https://github.com/arrudadev/jamstack-next-graphcms.git\n```\n\u003cp align=\"justify\"\u003e\n  2. Install dependencies:\n\u003c/p\u003e\n\n```\nyarn install\n```\n\n\u003cp align=\"justify\"\u003e\n  3. Create your environment variables based on the examples of .env.development:\n\u003c/p\u003e\n\n```\ncp .env.development .env.local\n```\n\n\u003cp align=\"justify\"\u003e\n  4. Fill the .env.local with the environment variables:\n\u003c/p\u003e\n\nkey|description|example\n---|---|---\nNEXT_PUBLIC_GRAPHCMS_CONTENT_API_URL|GraphCMS API's url (used for client request)|`https://api-sa-east-1.graphcms.com/v2/anykey/master`\nGRAPHCMS_SCHEMA_PATH|GraphCMS API's url (used in graphql codegen)|`https://api-sa-east-1.graphcms.com/v2/anykey/master`\n\n\u003cp align=\"justify\"\u003e\n  5. Run the following command to generate Typed Queries, Mutations and, Subscriptions of the Graphql:\n\u003c/p\u003e\n\n```\nyarn codegen\n```\n\n\u003ch3 id=\"usage\"\u003e :metal: Usage\u003c/h3\u003e\n\n\u003cp align=\"justify\"\u003e\n  1. Run the following command to start the application in a development environment:\n\u003c/p\u003e\n\n```\nyarn dev\n```\n\n\u003cp align=\"justify\"\u003e\n  2. Open the project into your browser in:\n\u003c/p\u003e\n\n```\nhttp://localhost:3000\n```\n\n\u003ch2 id=\"contributing\"\u003e :tada: Contributing\u003c/h2\u003e\n\n\u003cp align=\"justify\"\u003e\n  Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.\n\u003c/p\u003e\n\n\u003cp align=\"justify\"\u003e\n  If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue. Don't forget to give the project a star! Thanks again!\n\u003c/p\u003e\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/amazing-feature`)\n3. Commit your Changes (`git commit -m 'feat: Add some Amazing Feature'`)\n4. Push to the Branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n**After your pull request is merged**, you can safely delete your branch.\n\nFor more information read the [Contributing Guidelines](https://github.com/arrudadev/jamstack-next-graphcms/blob/main/CONTRIBUTING.md).\n\n\u003ch2 id=\"collaborators\"\u003e :smile: Collaborators\u003c/h2\u003e\n\n\u003cp align=\"justify\"\u003e\n  People who contributed to this project.\n\u003c/p\u003e\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://github.com/arrudadev.png\" width=\"100px;\" alt=\"Alexandre Arruda\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eAlexandre Arruda\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ch2 id=\"license\"\u003e :page_facing_up: License\u003c/h2\u003e\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrudadev%2Fjamstack-next-graphcms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farrudadev%2Fjamstack-next-graphcms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrudadev%2Fjamstack-next-graphcms/lists"}