Photography Portfolio - Gatsby + Contentful + Netlify

See it in action

Overview

Codebase for https://lilian-cazabet.fr/ my photography portfolio. This website is built using Contentful, Netlify, and Gatsby V2; and was launched in June 2020. It is based on @iammatthias/.com

This repository is for anybody who wants to create a minimalistic, fast and profesional portfolio website to show his work. Feel free to contribute to this project by creating pull requests.

This site makes heavy use of the gatsby-image plugin, pulling optimized fluid assets from Contentful.

Features

• Netlify integration
• Contentful integration
• SEO
• Styled components
• Blog, Galleries, Netlify contact form, Slideshow and more
• Light mode / Dark mode

How to start

Create a contentful account here Find your API keys by going to Settings ➡️ API Keys ➡️ Content Delivery / Preview tokens

npm install

npm run setup

gatsby develop

Go to localhost:8000

Configuration

You can configure the website by updating gatsby-config.js and siteConfig.js

CI / CD

You can use Netlify to host your website and integrate the contact form to it. You can then link your Netlify account to Gitlab so that the site gets deployed each time you push a new commit on your repository. On top of that, you can also integrate Netlify to Contentful to launch a build

Notes

You may have to replace some fonts defined in Layout.js, I had to remove some fonts because they were not free of rights.