{"id":16483804,"url":"https://github.com/kevinadhiguna/rga-blog","last_synced_at":"2026-05-03T20:39:12.305Z","repository":{"id":107678052,"uuid":"288806927","full_name":"kevinadhiguna/RGA-blog","owner":"kevinadhiguna","description":"A simple personal blog created using ReactJS, GraphQL with Apollo as GraphQL client and GraphCMS as the GraphQL API provider.","archived":false,"fork":false,"pushed_at":"2022-09-08T02:25:54.000Z","size":505,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-11T12:19:13.483Z","etag":null,"topics":["apollo-client","blog","graphcms","graphql","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kevinadhiguna.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-08-19T18:26:30.000Z","updated_at":"2022-09-08T02:22:58.000Z","dependencies_parsed_at":"2023-06-08T18:15:31.210Z","dependency_job_id":null,"html_url":"https://github.com/kevinadhiguna/RGA-blog","commit_stats":{"total_commits":21,"total_committers":3,"mean_commits":7.0,"dds":0.5714285714285714,"last_synced_commit":"777de21560ea405165408fa15c0bcb84fa45f656"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2FRGA-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2FRGA-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2FRGA-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinadhiguna%2FRGA-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevinadhiguna","download_url":"https://codeload.github.com/kevinadhiguna/RGA-blog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241215579,"owners_count":19928513,"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-client","blog","graphcms","graphql","react"],"created_at":"2024-10-11T13:15:01.953Z","updated_at":"2026-05-03T20:39:07.114Z","avatar_url":"https://github.com/kevinadhiguna.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ch3 align=\"center\"\u003eReact-GraphCMS-Apollo Blog\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    A simple personal blog created using ReactJS, GraphQL with Apollo as GraphQL client and \u003ca href=\"https://graphcms.com\"\u003eGraphCMS\u003c/a\u003e as the GraphQL API provider.\n    \u003cbr /\u003e\u003cbr /\u003e\n    \u003ca href=\"https://github.com/kevinadhiguna/RGA-blog/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/kevinadhiguna/RGA-blog/issues\"\u003eRequest a Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg alt=\"ReactJS\" src=\"https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB\" /\u003e\n  \u003cimg alt=\"JavaScript\" src=\"https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E\" /\u003e\n  \u003cimg alt=\"GraphQL\" src=\"https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge\u0026logo=graphql\" /\u003e\n  \u003cimg alt=\"Apollo GraphQL client\" src=\"https://img.shields.io/badge/-Apollo_GraphQL-311C87?style=for-the-badge\u0026logo=apollo-graphql\" /\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n## 📺 Demo\n\nThis app will show you the `title` you created in GraphCMS : \u003cbr\u003e\u003cbr\u003e\n\u003cimg src=\"https://s6.gifyu.com/images/kjabfckjdvdsv.png\" width=\"90%\" /\u003e \u003cbr\u003e\u003cbr\u003e\n\nOther than `title`, the app will render the `post` that you created in GraphCMS : \u003cbr\u003e\u003cbr\u003e\n\u003cimg src=\"https://s6.gifyu.com/images/dsvgrdger.png\" width=\"90%\" /\u003e \u003cbr\u003e\u003cbr\u003e\n\nFor live preview, please visit \u003chttps://rga-blog-kevinadhiguna.netlify.app/\u003e : \u003cbr\u003e\u003cbr\u003e\n\u003cimg src=\"https://s6.gifyu.com/images/skldasl.png\" width=\"90%\" /\u003e\n\n\u003cbr /\u003e\n\n## 📖 How to Run :\n\nIn the project directory, you can run these commands :\n\n1) Create an application configuration file in JSON (`appConfig.json`), by copying `appConfig.dev.json` :\n```bash\ncp appConfig.dev.json appConfig.json\n```\n\n2) Please fill the `appConfig.json` with your GraphCMS URI. For example :\n```diff\n{\n- \"GRAPHCMS_URI\": \"\"\n+ \"GRAPHCMS_URI\": \"https://api-ap-northeast-1.graphcms.com/v2/dfe3e5s3r8j73qw3ds14276c/master\"\n}\n```\n\nUnlike `appConfig.dev.json` that will handle application configuration for development environment, `appConfig.json` will not be tracked by Git (also not being uploaded to GitHub, GitLab, and other Git hosting services). \n\nSo, this does not violate Config in The Twelve-Factor App (a methodology to build SaaS). For more, please have a look at https://12factor.net/config.\n\n3) Install Dependencies :\n```bash\nyarn\n```\n\n4) Run this app on your browser :\n```bash\nyarn start\n```\n\nRuns the app in the development mode. \u003cbr /\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits. \u003cbr /\u003e\nYou will also see any lint errors in the console.\n\n\u003cbr /\u003e\n\n![Hello !](https://api.visitorbadge.io/api/VisitorHit?user=kevinadhiguna\u0026repo=RGA-blog\u0026label=thanks%20for%20dropping%20in%20!\u0026labelColor=%23000000\u0026countColor=%23FFFFFF)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinadhiguna%2Frga-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevinadhiguna%2Frga-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinadhiguna%2Frga-blog/lists"}