version 1.0

.circleci/config.yml

@@ -0,0 +1,25 @@
+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,5 +1,9 @@
 # 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,6 +31,14 @@ 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,22 +2,23 @@
   "name": "gatsby-starter-default",
   "private": true,
   "description": "Opinionated gatsby starter with stuff I use",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "author": "Ryan Kes<alias+gatsbystarter@ryankes.eu>",
   "dependencies": {
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "autoprefixer": "^9.8.0",
+    "autoprefixer": "^9.8.3",
-    "gatsby": "^2.21.37",
+    "gatsby": "^2.23.10",
-    "gatsby-image": "^2.4.4",
+    "gatsby-image": "^2.4.8",
-    "gatsby-plugin-emotion": "^4.3.3",
+    "gatsby-plugin-emotion": "^4.3.5",
-    "gatsby-plugin-manifest": "^2.4.5",
+    "gatsby-plugin-github-ribbon": "^1.1.0",
-    "gatsby-plugin-offline": "^3.2.3",
+    "gatsby-plugin-manifest": "^2.4.13",
-    "gatsby-plugin-postcss": "^2.3.3",
+    "gatsby-plugin-offline": "^3.2.12",
-    "gatsby-plugin-react-helmet": "^3.3.1",
+    "gatsby-plugin-postcss": "^2.3.5",
-    "gatsby-plugin-sharp": "^2.6.4",
+    "gatsby-plugin-react-helmet": "^3.3.5",
-    "gatsby-source-filesystem": "^2.3.4",
+    "gatsby-plugin-sharp": "^2.6.13",
-    "gatsby-transformer-sharp": "^2.5.2",
+    "gatsby-source-filesystem": "^2.3.13",
+    "gatsby-transformer-sharp": "^2.5.6",
     "precss": "^4.0.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
@@ -26,39 +27,39 @@
     "twin.macro": "^1.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.2",
+    "@babel/core": "^7.10.3",
     "@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.35",
+    "@types/react": "^16.9.38",
     "@types/react-dom": "^16.9.8",
     "@types/react-helmet": "^6.0.0",
     "@types/react-test-renderer": "^16.9.2",
-    "@typescript-eslint/eslint-plugin": "^3.1.0",
+    "@typescript-eslint/eslint-plugin": "^3.4.0",
-    "@typescript-eslint/parser": "^3.1.0",
+    "@typescript-eslint/parser": "^3.4.0",
-    "babel-jest": "^26.0.1",
+    "babel-jest": "^26.1.0",
     "babel-loader": "^8.1.0",
     "babel-plugin-emotion": "^10.0.33",
-    "babel-preset-gatsby": "^0.4.8",
+    "babel-preset-gatsby": "^0.4.11",
     "babel-preset-react-app": "^9.1.2",
-    "eslint": "^7.1.0",
+    "eslint": "^7.3.1",
     "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.13.2",
+    "eslint-plugin-jest": "^23.17.1",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
     "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.0.1",
+    "jest": "^26.1.0",
     "jest-emotion": "^10.0.32",
-    "lint-staged": ">=10",
+    "lint-staged": ">=10.2.11",
     "prettier": "^2.0.5",
     "react-test-renderer": "^16.13.1",
     "typescript": "^3.9.3"

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

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