Skip to content

robguinness-snyk/gatsby-contentful-blog-portfolio

 
 

Repository files navigation

Gatsby

An architect portfolio built with Gatsby and Contentful: https://gatsby-contentful-portfolio-blog.netlify.com/

This is a simple project built for a local architect. It shows its portfolio and also has a blog.

Netlify Status code style: prettier Open Source Love

Lighthouse performance Carbon Gatsby Starter Mate logo

Features

  • Gatsby
  • Graphql
  • Contenful
  • Cypress
  • Styled Components
  • PWA

If this project helped you, please consider giving it a star! It would mean a lot to me :)

🚀 Quick start

  1. Clone the repository

    Use git to clone the repository.

    # clone the project using Git
    git 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

    You will need to add your spaceID and Content Delivery Token as environment variables to Netlify before you deploy1

  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
     ```sh
    npm run test:open:e2e
    ```
    

     

1The setup script writes your spaceID and Content Delivery Token to a .env file for local development. .env files are not pushed to remote git repos for security reasons. Thus you'll need to set the environment variables so Netlify can access Contentful. Your personal access token for the Content Management API is used to create the initial content types and is not saved.

About

Gatsby Contentful starter for creating a portfolio website with a blog

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.0%
  • TypeScript 1.0%