Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/webiny/webiny-bootstrap-react-portfolio
Webiny bootstrap react portfolio
https://github.com/webiny/webiny-bootstrap-react-portfolio
frontend headless-cms materialui react website
Last synced: 5 days ago
JSON representation
Webiny bootstrap react portfolio
- Host: GitHub
- URL: https://github.com/webiny/webiny-bootstrap-react-portfolio
- Owner: webiny
- Created: 2020-08-24T14:48:02.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-10-21T16:13:53.000Z (about 4 years ago)
- Last Synced: 2024-11-07T17:12:43.733Z (about 2 months ago)
- Topics: frontend, headless-cms, materialui, react, website
- Language: TypeScript
- Homepage: https://webiny-bootstrap-react-portfolio.vercel.app/
- Size: 692 KB
- Stars: 2
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Webiny Bootstrap React Portfolio
This 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/).
We 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 🚀
## Demo
[Watch the live demo](https://webiny-bootstrap-react-portfolio.vercel.app/).
Clone 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).
## Portfolio bootstrap features:
**Headless CMS Content Models:**
* Blogs
* Projects
**Front-end:**
- Reusable UI components
- Material UI React Components
- GraphQL to query data
- Deploy with Vercel
## Prerequisites
### Back-end
In order to have this project work, you need to have a Webiny Headless CMS project ready for the backend.
[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.
## Get Started
Clone the repository:
```
git clone https://github.com/webiny/webiny-bootstrap-react-portfolio.git
cd webiny-bootstrap-react-portfolio/frontend
```
Start your front-end project:
Using yarn:
```
yarn install
yarn develop
```
Or, using npm:
```
npm install
npm run develop
```
## Deploy
### Back-end
When 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)
### Front-end
Follow the [Front-end deployment](http://docs.webiny.com/docs/tutorials/build-a-portfolio-website-with-react-webiny-apollo#27-deployment) section on the tutorial.