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.
- Gatsby
- Graphql
- Contenful
- Cypress
- Styled Components
- PWA
-
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
-
Install the packages
Navigate into your new site’s directory and install the required packages.
cd your-project-name npm install
-
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
-
Start developing.
Finally you are ready to see your project. Start the engine!
gatsby develop
-
Open the source code and start editing!
Your site is now running at
http://localhost:8000
!Feel free to change everything you want!
-
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.