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",
-    "gatsby": "^2.21.37",
-    "gatsby-image": "^2.4.4",
-    "gatsby-plugin-emotion": "^4.3.3",
-    "gatsby-plugin-manifest": "^2.4.5",
-    "gatsby-plugin-offline": "^3.2.3",
-    "gatsby-plugin-postcss": "^2.3.3",
-    "gatsby-plugin-react-helmet": "^3.3.1",
-    "gatsby-plugin-sharp": "^2.6.4",
-    "gatsby-source-filesystem": "^2.3.4",
-    "gatsby-transformer-sharp": "^2.5.2",
+    "autoprefixer": "^9.8.3",
+    "gatsby": "^2.23.10",
+    "gatsby-image": "^2.4.8",
+    "gatsby-plugin-emotion": "^4.3.5",
+    "gatsby-plugin-github-ribbon": "^1.1.0",
+    "gatsby-plugin-manifest": "^2.4.13",
+    "gatsby-plugin-offline": "^3.2.12",
+    "gatsby-plugin-postcss": "^2.3.5",
+    "gatsby-plugin-react-helmet": "^3.3.5",
+    "gatsby-plugin-sharp": "^2.6.13",
+    "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/parser": "^3.1.0",
-    "babel-jest": "^26.0.1",
+    "@typescript-eslint/eslint-plugin": "^3.4.0",
+    "@typescript-eslint/parser": "^3.4.0",
+    "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-jsx-a11y": "^6.2.3",
+    "eslint-plugin-jest": "^23.17.1",
+    "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 {
+export interface SEOInterface {
+  title: string
+  description?: string
+  lang?: string
+  meta?: Array<
+    | {
         property: string
         content: string
       }
-
-export interface SEOInterface {
-  description?: string
-  lang?: string
-  meta?: Array<SEOMetaNameInterface | SEOMetaPropertyInterface>
-  title: 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
           }
         }
       }