All Projects → ajayns → Gatsby Absurd

ajayns / Gatsby Absurd

Licence: mit
An absurd Gatsby starter

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Gatsby Absurd

strapi-starter-gatsby-blog
Updated version of the first Gatsby starter with much more features
Stars: ✭ 140 (-8.5%)
Mutual labels:  gatsby, starter
gatsby-simple-blog
an easily configurable gatsby-starter-blog with overreacted looking and tags, breadcrumbs, disqus, i18n, eslint, algolia supported
Stars: ✭ 48 (-68.63%)
Mutual labels:  gatsby, starter
awesome-medusajs
A curated list of awesome resources related to MedusaJS 😎
Stars: ✭ 113 (-26.14%)
Mutual labels:  gatsby, starter
Gatsby Starter Ts
TypeScript starter for Gatsby. No plugins and styling. Exactly the necessary to start 🔥
Stars: ✭ 159 (+3.92%)
Mutual labels:  gatsby, starter
Gatsby Styled Blog Starter
My first GatsbyJS starter.
Stars: ✭ 86 (-43.79%)
Mutual labels:  gatsby, starter
gatsby-starter-glass
A Minimal & Beautiful Gatsby Personal Blog Starter With Nice Glassmorphism UI
Stars: ✭ 134 (-12.42%)
Mutual labels:  gatsby, starter
gatsby-starter-kit
A set of starters for Gatsby.js
Stars: ✭ 99 (-35.29%)
Mutual labels:  gatsby, starter
Gatsby Starter Bee
🐝Full Package | Simple | Fresh UI | Blog Template :: Let's start to blogging with gatsby-starter-bee!
Stars: ✭ 416 (+171.9%)
Mutual labels:  gatsby, starter
Gatsby Mdx Netlify Cms Starter
Gatsby-MDX with Netlify CMS. Support React components in your CMS editor!
Stars: ✭ 84 (-45.1%)
Mutual labels:  gatsby, starter
Gatsby Starter Tailwind
Gatsby starter styled with Tailwind CSS
Stars: ✭ 466 (+204.58%)
Mutual labels:  gatsby, starter
Gatsby Starter Delog
A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo https://delog-w3layouts.netlify.com/
Stars: ✭ 145 (-5.23%)
Mutual labels:  gatsby, starter
Gatsby Starter Procyon
An opinionated Gatsby starter designed for trash-eating pandas.
Stars: ✭ 88 (-42.48%)
Mutual labels:  gatsby, starter
Gatsby Starter Netlify Cms
Example gatsby + netlify cms project
Stars: ✭ 1,932 (+1162.75%)
Mutual labels:  gatsby, starter
Gatsby Theme Intro
Personal branding theme for developers
Stars: ✭ 142 (-7.19%)
Mutual labels:  gatsby
Stateofjs 2019
State of JS 2019 survey report website
Stars: ✭ 145 (-5.23%)
Mutual labels:  gatsby
Typescript React Native Starter
A highly scalable foundation with a focus on best pratices and simplicity to start your React Native project in seconds.
Stars: ✭ 141 (-7.84%)
Mutual labels:  starter
Gatsby V2 Tutorial Starter
Gatsby V2 Starter - product of step by step tutorial
Stars: ✭ 139 (-9.15%)
Mutual labels:  gatsby
Spacy Course
👩‍🏫 Advanced NLP with spaCy: A free online course
Stars: ✭ 1,920 (+1154.9%)
Mutual labels:  gatsby
Strapi Starter Next Corporate
Next.js starter for creating a corporate site with Strapi.
Stars: ✭ 145 (-5.23%)
Mutual labels:  starter
Gatsby London
A free, open source, image-concentric starter for GatsbyJS
Stars: ✭ 137 (-10.46%)
Mutual labels:  gatsby

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.

screenshot

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].