https://github.com/davbree/oceanic-sloth
Jamstack site created with Stackbit
https://github.com/davbree/oceanic-sloth
gatsby git headless jamstack ssg stackbit static
Last synced: 2 months ago
JSON representation
Jamstack site created with Stackbit
- Host: GitHub
- URL: https://github.com/davbree/oceanic-sloth
- Owner: davbree
- License: mit
- Created: 2020-12-16T08:53:32.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-12-16T08:53:42.000Z (over 5 years ago)
- Last Synced: 2025-03-24T08:49:11.770Z (about 1 year ago)
- Topics: gatsby, git, headless, jamstack, ssg, stackbit, static
- Language: JavaScript
- Homepage: https://jamstack.new
- Size: 3.82 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
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.
[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.