https://github.com/ajayns/gatsby-absurd

An absurd Gatsby starter
https://github.com/ajayns/gatsby-absurd

gatsby react starter

Last synced: 4 days ago
JSON representation

An absurd Gatsby starter

• Host: GitHub
• URL: https://github.com/ajayns/gatsby-absurd
• Owner: ajayns
• License: mit
• Created: 2019-04-21T11:32:28.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T17:29:29.000Z (almost 2 years ago)
• Last Synced: 2024-12-27T00:07:55.614Z (11 days ago)
• Topics: gatsby, react, starter
• Language: JavaScript
• Homepage: https://gatsby-absurd.vercel.app/
• Size: 8.64 MB
• Stars: 175
• Watchers: 3
• Forks: 62
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gatsby-absurd

An absurd Gatsby starter. The collection of illustrations, [absurd.design](https://absurd.design/) by [Diana Valeanu](https://twitter.com/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.

![screenshot](https://user-images.githubusercontent.com/20743219/85018804-64ec4e00-b18b-11ea-9aa0-d4be033efff8.png)

[Live Demo](https://gatsby-absurd.vercel.app/)

## 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.