In this tutorial, you will set up a simple portfolio website to showcase your projects and your blogs using pure React, Webiny Headless CMS, and Apollo GraphQL. After setting up your portfolio website, you will be able to focus all of your creativity on the content for blogs and projects.

These are the features of the Portfolio Website:

• 2 Content types: Blogs, Projects
• 6 Created blogs
• 6 Created projects
• Apollo Client to fetch the content models data
• Responsive design using Material UI React Components
• Front-end deployment with Vercel

Demo

Here is what we'll build:

Or, you can Watch the live demo.

Prerequisites

A Webiny Project

First of all, make sure you follow the prerequisites to create a Webiny project.

Follow the tutorial here 🚀

Thanks for reading! My name is Albiona and I work as a developer relations engineer at Webiny. I enjoy learning new tech and building communities around them = ) If you have any questions, comments, or just wanna say hi, feel free to reach out to me via Twitter.