{"id":18750656,"url":"https://github.com/webiny/webiny-bootstrap-react-portfolio","last_synced_at":"2025-11-26T20:30:17.827Z","repository":{"id":68107186,"uuid":"289956128","full_name":"webiny/webiny-bootstrap-react-portfolio","owner":"webiny","description":"Webiny bootstrap react portfolio","archived":false,"fork":false,"pushed_at":"2020-10-21T16:13:53.000Z","size":709,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-28T22:53:25.954Z","etag":null,"topics":["frontend","headless-cms","materialui","react","website"],"latest_commit_sha":null,"homepage":"https://webiny-bootstrap-react-portfolio.vercel.app/","language":"TypeScript","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/webiny.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-24T14:48:02.000Z","updated_at":"2022-08-17T11:46:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"24804413-494e-4d85-a6f1-296e3f6ccef5","html_url":"https://github.com/webiny/webiny-bootstrap-react-portfolio","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/webiny%2Fwebiny-bootstrap-react-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fwebiny-bootstrap-react-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fwebiny-bootstrap-react-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webiny%2Fwebiny-bootstrap-react-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webiny","download_url":"https://codeload.github.com/webiny/webiny-bootstrap-react-portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239635840,"owners_count":19672240,"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":["frontend","headless-cms","materialui","react","website"],"created_at":"2024-11-07T17:12:42.870Z","updated_at":"2025-11-26T20:30:17.780Z","avatar_url":"https://github.com/webiny.png","language":"TypeScript","readme":"## Webiny Bootstrap React Portfolio\n\n![Bootstrap cover](./frontend/src/assets/webiny-bootstrap-react-portfolio.png)\n\nThis is a simple bootstrap project to create a portfolio website with [React](https://reactjs.org/), [Webiny Headless CMS](https://www.webiny.com/serverless-app/headless-cms) and [Apollo](https://www.apollographql.com/docs/react/).\n\nWe will continue adding a series of bootstrap projects with different front-end frameworks. You can't find your favorite bootstrap project? Go ahead and ask for a Guide or Tutorial at the [Community Repo](https://github.com/webiny/community/issues/new/choose) of Webiny 🚀\n\n## Demo\n![Blogs](./frontend/src/assets/blogs.png \"Blogs page on React Starter Portfolio\")\n\n[Watch the live demo](https://webiny-bootstrap-react-portfolio.vercel.app/).\n\nClone the bootstrap project and continue working on your portfolio website to showcase your work. Focus your creativity on creating valuable content and update your projects and blogs with [Webiny](webiny.com) [Headless CMS Content Models](http://docs.webiny.com/docs/webiny-apps/headless-cms/features/content-modeling).\n\n## Portfolio bootstrap features:\n\n**Headless CMS Content Models:**\n* Blogs\n* Projects\n\n**Front-end:**\n- Reusable UI components\n- Material UI React Components \n- GraphQL to query data\n- Deploy with Vercel\n\n## Prerequisites\n\n### Back-end\nIn order to have this project work, you need to have a Webiny Headless CMS project ready for the backend.\n[Follow the tutorial](http://docs.webiny.com/docs/tutorials/build-a-portfolio-website-with-react-webiny-apollo#11-webiny-headless-cms-project) to create your `backend` Webiny project in the `webiny-bootstrap-react-portfolio` folder.\n\n## Get Started\n\nClone the repository:\n\n```\ngit clone https://github.com/webiny/webiny-bootstrap-react-portfolio.git\ncd webiny-bootstrap-react-portfolio/frontend\n```\nStart your front-end project:\n\nUsing yarn:\n```\nyarn install\nyarn develop\n```\nOr, using npm:\n\n```\nnpm install\nnpm run develop\n```\n\n## Deploy\n\n### Back-end\n\nWhen you create a Webiny project, one of the steps to finalize and continue working on the project is deployment. Make sure you have followed the [tutorial for the back-end set up.](http://docs.webiny.com/docs/tutorials/build-a-portfolio-website-with-react-webiny-apollo#11-webiny-headless-cms-project)\n\n### Front-end\n\nFollow the [Front-end deployment](http://docs.webiny.com/docs/tutorials/build-a-portfolio-website-with-react-webiny-apollo#27-deployment) section on the tutorial.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebiny%2Fwebiny-bootstrap-react-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebiny%2Fwebiny-bootstrap-react-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebiny%2Fwebiny-bootstrap-react-portfolio/lists"}