JAMstack Themes

Submit Submit Theme Github Repo

Gatsby Contentful Blog and Portfolio

A Gatsby starter for a portfolio with a blog, using Contentful as the CMS

Author: Emanuele Buccelli
Last Commit: Aug 6, 2020
Submitted On: Feb 19, 2020
Gatsby Contentful Blog and Portfolio screenshot

A simple starter kit for creating a Portfolio website with a blog, all served by Contentful


  • Gatsby
  • Graphql
  • Contenful
  • Cypress
  • CSS Modules and Styled Components

🚀 Quick start

  1. Clone the repository

    Use git to clone the repository.

    # clone the project using Git
    gatsby clone https://github.com/escapemanuele/gatsby-contentful-blog-portfolio  your-project-name
  2. Install the packages

    Navigate into your new site’s directory and install the required packages.

    cd your-project-name
    npm install
  3. Configure Contenful

    Get yourself a Contenful Account, create a new space and configure this project to use it with:

    npm run setup
  4. Start developing.

    Finally you are ready to see your project. Start the engine!

    gatsby develop
  5. Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Feel free to change everything you want!

  6. Test the application with Cypress

    There are some cypress tests defined in the ‘cypress’ folder. You only need to use

    npm run test:open:e2e