{"id":15101348,"url":"https://github.com/Sahithya-01/contentful-powered-portfolio","last_synced_at":"2025-08-02T03:33:27.275Z","repository":{"id":248152889,"uuid":"827525488","full_name":"Sahithya-01/contentful-powered-portfolio","owner":"Sahithya-01","description":"This React project integrates Contentful CMS to fetch and display project data. It includes components for rendering project information fetched via Contentful's API, showcasing how to manage dynamic content in a web application.","archived":false,"fork":false,"pushed_at":"2025-01-19T19:09:46.000Z","size":5111,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-25T08:05:32.786Z","etag":null,"topics":["cms","contentful","customhooksreact","reactjs","undraw"],"latest_commit_sha":null,"homepage":"https://sahithya-contentful-cms.netlify.app/","language":"CSS","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/Sahithya-01.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":"2024-07-11T20:28:20.000Z","updated_at":"2025-01-19T19:09:48.000Z","dependencies_parsed_at":"2025-03-13T06:40:36.690Z","dependency_job_id":"156c2876-e353-44e3-aa1d-fd62cd6cfb5f","html_url":"https://github.com/Sahithya-01/contentful-powered-portfolio","commit_stats":null,"previous_names":["sahithya-01/contentful-cms"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sahithya-01/contentful-powered-portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahithya-01%2Fcontentful-powered-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahithya-01%2Fcontentful-powered-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahithya-01%2Fcontentful-powered-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahithya-01%2Fcontentful-powered-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sahithya-01","download_url":"https://codeload.github.com/Sahithya-01/contentful-powered-portfolio/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sahithya-01%2Fcontentful-powered-portfolio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268331010,"owners_count":24233158,"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","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["cms","contentful","customhooksreact","reactjs","undraw"],"created_at":"2024-09-25T18:20:42.441Z","updated_at":"2025-08-02T03:33:27.250Z","avatar_url":"https://github.com/Sahithya-01.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\nUsed Undraw for hero image\n\n## Steps\n\n#### Install and Setup\n\n- npm install\n- npm run dev\n\n#### Structure\n\nCreate Hero and Projects components\n\n#### Hero\n\nSetup Hero component.\n\n#### Nice Images\n\n[Undraw](https://undraw.co/)\n\n#### Data\n\nExplore data.js\n\n#### Headless CMS\n\nA headless CMS is a back-end only content management system that provides content creators with an intuitive interface for creating and managing content, while leaving the front-end presentation layer to be handled by a separate system or platform. This approach allows for greater flexibility and scalability, as the content can be easily distributed to multiple channels and devices, without being limited by the constraints of a particular front-end system.\n\n#### Contentful\n\nCreate a Contentful account\n\n[Contentful ](https://www.contentful.com/)\n\n##### Create Data\n\nSetup content type and create few entries\n\n#### Explore API\n\nGet Space ID, Access Token and explore code examples.\n\n#### Install SDK\n\n- npm install contentful\n\n#### Get Entries\n\n```js\nimport { createClient } from 'contentful'\n\nconst client = createClient({\n  space: 'qz00uzgg3leh',\n  environment: 'master', // defaults to 'master' if not set\n  accessToken: import.meta.env.VITE_API_KEY,\n})\n\nclient\n  .getEntries({ content_type: 'projects' })\n  .then((response) =\u003e console.log(response.items))\n  .catch(console.error)\n```\n\n#### Custom Hook\n\nCreate custom hook with loading and projects state values.\n\n#### Parse Data\n\nSetup projects array\n\n#### Setup Products Component\n\nRender data in Products component\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSahithya-01%2Fcontentful-powered-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSahithya-01%2Fcontentful-powered-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSahithya-01%2Fcontentful-powered-portfolio/lists"}