Skip to content
An absurd Gatsby starter
JavaScript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src ♻️ key warning fixes Nov 8, 2019
static ♻️ Reorganize project structure May 15, 2019
.gitignore 💥 Let there be light Mar 12, 2019
.prettierrc
LICENSE 📝 Update LICENSE May 13, 2019
README.md 📝 Readme: Update Live Demo to Netlify May 13, 2019
gatsby-browser.js 💥 Let there be light Mar 12, 2019
gatsby-config.js
gatsby-node.js 💥 Let there be light Mar 12, 2019
gatsby-ssr.js 💥 Let there be light Mar 12, 2019
package.json 🔧 Update package.json Apr 22, 2019
yarn.lock 📦 gatsby-plugin-styled-components Mar 15, 2019

README.md

gatsby-absurd

An absurd Gatsby starter. The collection of illustrations, absurd.design by Diana Valeanu is a very fascinating and beautiful project with some pretty thoughtful concepts. Experimentation on how that could be put together on a site ended up as this starter.

Live Demo

Installation

Install the dependencies:

yarn install

Run the development server:

yarn dev

Production build to /public:

yarn build

Cleanup cache (often fixes misc errors when run before yarn dev):

yarn clean

Content

Each of the sections in the site are placed in src/sections. Data is usually separated out into objects/arrays to be rendered in the component.

SEO

The component src/components/common/SEO.js handles all meta data and SEO content, modify the SEO_DATA variable to add the data automatically. For application manifest data and favicon, modify the gatsby-plugin-manifest configuration in gatsby-config.js.

Styling

This project uses styled-components to handle styling: src/styles/theme.js defines the styling base and src/styles/GlobalStyles.js includes basic element styles along with the CSS Reset.

You can’t perform that action at this time.