.circleci/config.yml

@@ -1,25 +0,0 @@
-version: 2.1
-orbs:
-  node: circleci/node@1.1.6
-  codecov: codecov/codecov@1.0.2
-jobs:
-  build-and-test:
-    executor:
-      name: node/default
-    steps:
-      - checkout
-      - node/with-cache:
-          steps:
-            - run: yarn install
-            - run: yarn test:coverage
-            - run: yarn build
-            - store_artifacts:
-                path: coverage
-            - store_artifacts:
-                path: public
-            - codecov/upload:
-                file: coverage/cobertura-coverage.xml
-workflows:
-  build-and-test:
-    jobs:
-      - build-and-test

README.md

@@ -1,9 +1,5 @@
 # My opinionated Gatsby starter
 
-[![Netlify Status](https://api.netlify.com/api/v1/badges/ea7b92e1-7878-4f24-8b94-97ac079fbafd/deploy-status)](https://app.netlify.com/sites/my-opinionated-gatsby-starter/deploys)
-[![<alrayyes>](https://circleci.com/gh/alrayyes/my-opinionated-gatsby-starter.svg?style=svg)](https://app.circleci.com/pipelines/github/alrayyes/my-opinionated-gatsby-starter)
-[![codecov](https://codecov.io/gh/alrayyes/my-opinionated-gatsby-starter/branch/master/graph/badge.svg)](https://codecov.io/gh/alrayyes/my-opinionated-gatsby-starter)
-
 Kick off your project with this opinionated boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.
 
 ## Stuff I added

gatsby-config.js

@@ -31,14 +31,6 @@ module.exports = {
     },
     "gatsby-plugin-emotion",
     `gatsby-plugin-postcss`,
-    {
-      resolve: `gatsby-plugin-github-ribbon`,
-      options: {
-        project: `https://github.com/alrayyes/my-opinionated-gatsby-starter`,
-        color: `gray`, //`red`, `green`, `darkblue`, `orange`, `gray`, or `white`.
-        position: `right`, //`left` or `right`
-      },
-    },
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
     // `gatsby-plugin-offline`,

package.json

@@ -2,23 +2,22 @@
   "name": "gatsby-starter-default",
   "private": true,
   "description": "Opinionated gatsby starter with stuff I use",
-  "version": "1.0.0",
+  "version": "0.1.0",
   "author": "Ryan Kes<alias+gatsbystarter@ryankes.eu>",
   "dependencies": {
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "autoprefixer": "^9.8.3",
+    "autoprefixer": "^9.8.0",
-    "gatsby": "^2.23.10",
+    "gatsby": "^2.21.37",
-    "gatsby-image": "^2.4.8",
+    "gatsby-image": "^2.4.4",
-    "gatsby-plugin-emotion": "^4.3.5",
+    "gatsby-plugin-emotion": "^4.3.3",
-    "gatsby-plugin-github-ribbon": "^1.1.0",
+    "gatsby-plugin-manifest": "^2.4.5",
-    "gatsby-plugin-manifest": "^2.4.13",
+    "gatsby-plugin-offline": "^3.2.3",
-    "gatsby-plugin-offline": "^3.2.12",
+    "gatsby-plugin-postcss": "^2.3.3",
-    "gatsby-plugin-postcss": "^2.3.5",
+    "gatsby-plugin-react-helmet": "^3.3.1",
-    "gatsby-plugin-react-helmet": "^3.3.5",
+    "gatsby-plugin-sharp": "^2.6.4",
-    "gatsby-plugin-sharp": "^2.6.13",
+    "gatsby-source-filesystem": "^2.3.4",
-    "gatsby-source-filesystem": "^2.3.13",
+    "gatsby-transformer-sharp": "^2.5.2",
-    "gatsby-transformer-sharp": "^2.5.6",
     "precss": "^4.0.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
@@ -27,39 +26,39 @@
     "twin.macro": "^1.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.3",
+    "@babel/core": "^7.10.2",
     "@babel/preset-typescript": "^7.10.1",
     "@storybook/addon-actions": "^5.3.19",
     "@storybook/addon-links": "^5.3.19",
     "@storybook/addons": "^5.3.19",
     "@storybook/react": "^5.3.19",
-    "@types/react": "^16.9.38",
+    "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
     "@types/react-helmet": "^6.0.0",
     "@types/react-test-renderer": "^16.9.2",
-    "@typescript-eslint/eslint-plugin": "^3.4.0",
+    "@typescript-eslint/eslint-plugin": "^3.1.0",
-    "@typescript-eslint/parser": "^3.4.0",
+    "@typescript-eslint/parser": "^3.1.0",
-    "babel-jest": "^26.1.0",
+    "babel-jest": "^26.0.1",
     "babel-loader": "^8.1.0",
     "babel-plugin-emotion": "^10.0.33",
-    "babel-preset-gatsby": "^0.4.11",
+    "babel-preset-gatsby": "^0.4.8",
     "babel-preset-react-app": "^9.1.2",
-    "eslint": "^7.3.1",
+    "eslint": "^7.1.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-config-react-app": "^5.2.1",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-flowtype": "^5.1.3",
     "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-jest": "^23.17.1",
+    "eslint-plugin-jest": "^23.13.2",
-    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-react": "^7.20.0",
     "eslint-plugin-react-hooks": "^4.0.4",
     "husky": ">=4",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^26.1.0",
+    "jest": "^26.0.1",
     "jest-emotion": "^10.0.32",
-    "lint-staged": ">=10.2.11",
+    "lint-staged": ">=10",
     "prettier": "^2.0.5",
     "react-test-renderer": "^16.13.1",
     "typescript": "^3.9.3"

src/@types/components/seo.d.ts

@@ -1,17 +1,18 @@
+interface SEOMetaNameInterface {
+  name: string
+  content: string
+}
+
+interface SEOMetaPropertyInterface {
+  property: string
+  content: string
+}
+
 export interface SEOInterface {
-  title: string
   description?: string
   lang?: string
-  meta?: Array<
+  meta?: Array<SEOMetaNameInterface | SEOMetaPropertyInterface>
-    | {
+  title: string
-        property: string
-        content: string
-      }
-    | {
-        name: string
-        content: string
-      }
-  >
 }
 
 export interface SEODataInterface {

src/components/image.tsx

@@ -20,7 +20,7 @@ const Image: React.FC = () => {
       placeholderImage: file(relativePath: { eq: "gatsby-astronaut.png" }) {
         childImageSharp {
           fluid(maxWidth: 300) {
-            ...GatsbyImageSharpFluid_withWebp_tracedSVG
+            ...GatsbyImageSharpFluid
           }
         }
       }