JAMstack Themes

Submit Submit Theme Github Repo

Gatsby Contentful Blog and Portfolio

A simple starter kit for creating a Portfolio website with a blog, all served by Contentful Features Gatsby Graphql Contenful Cypress CSS Modules and Styled Components ๐Ÿš€ Quick start Clone the repository

7
Author: Emanuele Buccelli
Last Commit: Apr 27, 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

Features

  • 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