Skip to content
Gatsby + Contentful Starter for Local Tourism Info Point or Tourism Websites
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
static
.gitignore
.prettierignore
.prettierrc
LICENSE
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
gatsby-ssr.js
package-lock.json
package.json

README.md

PROLOCUS - Gatsby + Contentful Starter

This is a Gatsby personal Starter Theme built with the purpose to create websites for italian local tourism organization called "Pro Loco". It can also be adapted for any kind of tourism websites. Any kind of content is managed fetching data from Contentful.

Getting started

$ git clone https://github.com/uptheirons78/prolocus.git
$ cd prolocus
$ npm install
$ npm start

❗ Remember: to run this project you need a Contentful account, a Space and Api Keys

FEATURES AND TOOLS

Contentful

  • Data from Contentful fetched with gatsby-source-contentful plugin;
  • Create .env.development file and add two api keys from Contentful: CONTENTFUL_SPACE_ID and CONTENTFUL_ACCESS_TOKEN;
  • Edit gatsby-node.js to create pages from Contentful Api and manage templates;

Styles

  • styled-components;
  • GlobalStyles and css reset in src/components/styled/GlobalStyles.js;
  • <ThemeProvider> inside src/components/layout.js ;

Animations

  • react-spring;
  • react-visibility-sensor (to render animations on scroll);

Social Sharing

  • react-share;

Icons

  • react-icons;

Custom Fonts

  • 'Roboto' regular, medium, bold and black;
  • Font .woff2 files saved inside src/static/ folder;
  • Css @font-face inside src/components/styled/GlobalStyles.js to load it;

Favicon

  • File favicon.png stored inside src/static folder;
  • Change icon: "src/static/favicon.png" in "gatsby-plugin-manifest" inside gatsby-config.js;
You can’t perform that action at this time.