Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wkocjan/gatsby-contentful-portfolio
Portfolio theme for Gatsby
https://github.com/wkocjan/gatsby-contentful-portfolio
contentful gatsby portfolio
Last synced: about 1 month ago
JSON representation
Portfolio theme for Gatsby
- Host: GitHub
- URL: https://github.com/wkocjan/gatsby-contentful-portfolio
- Owner: wkocjan
- License: mit
- Created: 2020-03-11T20:50:55.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-02-11T07:30:59.000Z (almost 2 years ago)
- Last Synced: 2024-12-09T08:53:12.936Z (about 2 months ago)
- Topics: contentful, gatsby, portfolio
- Language: JavaScript
- Homepage: https://gatsby-contentful-portfolio.netlify.app/
- Size: 1.35 MB
- Stars: 114
- Watchers: 2
- Forks: 67
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio theme for Gatsby
### Gatsby starter theme integrated with [Contentful](https://www.contentful.com)
## Demo
Live demo is available at:
https://gatsby-contentful-portfolio.netlify.com/
## Screenshot
## Who is this for?
- Graphic designers
- Photographers
- Illustrators
- Other creatives
## Features
- Integration with [Contentful](https://www.contentful.com) - automated content model & demo setup
- Responsive/adaptive images via [gatsby-image](https://www.gatsbyjs.org/packages/gatsby-image/)
- Uses utility-first [TailwindCSS](https://tailwindcss.com/) framework
- Integration with [Mailchimp](https://mailchimp.com/) - newsletter form
- Responsive design (desktop / mobile)
## Getting started
Install [Node package manager (NPM)](https://nodejs.org/) (if you haven't already).
## Requirements
To use this project you have to have a Contentful account. If you don't have one yet you can register at [www.contentful.com/sign-up](https://www.contentful.com/sign-up/).
### Get the source code and install dependencies.
```
$ git clone [email protected]:wkocjan/gatsby-contentful-portfolio.git
$ npm install
```
### Set up of the needed content model and create a configuration file
This project comes with a Contentful setup command `npm run setup`.
This command will ask you for a space ID, and access tokens for the Contentful Management and Delivery API and then import the needed content model into the space you define and write a config file (`.env`).
### Set up Mailchimp
If you want to use built-in integration with Mailchimp, please provide your unique endpoind URL in the `.env` file (`MAILCHIMP_ENDPOINT` variable).
Follow [this instruction](https://www.gatsbyjs.org/packages/gatsby-plugin-mailchimp/?=mailchimp#mailchimp-endpoint) to get the endpoint value.
## Crucial Commands
This project comes with a few handy commands for linting and code fixing. The most important ones are the ones to develop and ship code. You can find the most important commands below.
#### `gatsby develop`
Run in the project locally.
#### `gatsby build`
Run a production build into `./public`. The result is ready to be put on any static hosting you prefer.