Ready for production, domain available

README.md

@@ -13,6 +13,8 @@ GraphiQL: http://localhost:8000/___graphql
 ## Publish
 
 -  execute `npm run deploy`
+- git tag <version>
+- git push --tags
 
 ## Metadata
 
@@ -42,12 +44,7 @@ SVGs:
 
 ## TODO
 
--   Remove path prefix once domain available: package.json deploy script, gatsby-config.js
--   Find solution for the Loading (StaticQuery) issue when using StaticQuery for contact and footer pages
-    * https://github.com/gatsbyjs/gatsby/issues/6350
-    * https://github.com/gatsbyjs/gatsby/issues/5473
-    * https://github.com/gatsbyjs/gatsby/issues/10098
-    * https://github.com/gatsbyjs/gatsby/issues/10016
+-   Google analytics: gatsby-plugin-google-analytics
 -   i18n
     ** https://www.npmjs.com/package/gatsby-plugin-i18n
     ** https://www.npmjs.com/package/react-intl
@@ -57,21 +54,9 @@ SVGs:
     \*\* inspiration: https://github.com/scttcper/gatsby-casper (reading time, tag page, subscribe, author page)
     \*\* https://www.npmjs.com/package/gatsby-remark-responsive-iframe
 -   GDPR and privacy policy
-
-Blocked by domain acquisition:
-
--   Enable GH pages: https://github.com/DeveloPassion/website/settings
--   Create GH pages branch
--   Build: push public/ to GH pages branch
--   Sec headers (CloudFlare)
--   Google analytics: gatsby-plugin-google-analytics
-
-Blocked by Gatsby:
-
 -   CSP: https://github.com/gatsbyjs/gatsby/issues/10890
--   PWA
-    ** https://www.gatsbyjs.org/docs/add-offline-support-with-a-service-worker/
-    ** https://github.com/gatsbyjs/gatsby/issues/10036
+  * https://github.com/bejamas/gatsby-plugin-csp
+-   PWA: https://www.gatsbyjs.org/docs/add-offline-support-with-a-service-worker/
 
 Other:
 

gatsby-config.js

@@ -4,8 +4,8 @@ const path = require("path");
 const siteMetadata = require("./src/metadata.json");
 
 module.exports = {
-  // FIXME remove path prefix once domain is available
-  pathPrefix: '/website',
+  // No path prefix needed with the domain
+  //pathPrefix: '',
 
 	siteMetadata,
 	plugins: [

package.json

@@ -10,36 +10,36 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/DeveloPassion/website"
+    "url": "https://www.developassion.be"
   },
   "engines": {
     "node": ">=8.12.0"
   },
   "dependencies": {
-    "gatsby": "2.0.91",
-    "gatsby-image": "2.0.26",
+    "gatsby": "2.1.19",
+    "gatsby-image": "2.0.30",
     "gh-pages": "2.0.1",
-    "io-ts": "1.5.2",
-    "react": "16.7.0",
-    "react-dom": "16.7.0",
+    "io-ts": "1.8.2",
+    "react": "16.8.3",
+    "react-dom": "16.8.3",
     "react-helmet": "5.2.0",
     "@martin_hotell/rex-tils": "2.1.1",
     "tslib": "1.9.3"
   },
   "devDependencies": {
-    "@types/react": "16.7.18",
+    "@types/react": "16.8.6",
     "@types/react-helmet": "5.0.8",
-    "gatsby-plugin-manifest": "2.0.13",
-    "gatsby-plugin-offline": "2.0.21",
-    "gatsby-plugin-react-helmet": "3.0.5",
+    "gatsby-plugin-manifest": "2.0.20",
+    "gatsby-plugin-offline": "2.0.24",
+    "gatsby-plugin-react-helmet": "3.0.7",
     "gatsby-plugin-react-svg": "2.0.0",
-    "gatsby-plugin-sass": "2.0.7",
-    "gatsby-plugin-sharp": "2.0.17",
-    "gatsby-plugin-sitemap": "2.0.4",
-    "gatsby-plugin-stylelint": "3.0.1",
+    "gatsby-plugin-sass": "2.0.10",
+    "gatsby-plugin-sharp": "2.0.23",
+    "gatsby-plugin-sitemap": "2.0.6",
+    "gatsby-plugin-stylelint": "3.2.0",
     "gatsby-plugin-ts-loader": "0.1.0",
-    "gatsby-source-filesystem": "2.0.16",
-    "gatsby-transformer-sharp": "2.1.10",
+    "gatsby-source-filesystem": "2.0.23",
+    "gatsby-transformer-sharp": "2.1.15",
     "husky": "1.3.1",
     "lint-staged": "8.1.0",
     "node-sass": "4.11.0",
@@ -48,9 +48,9 @@
     "stylelint-config-prettier": "4.0.0",
     "stylelint-webpack-plugin": "0.10.5",
     "svg-react-loader": "0.4.6",
-    "tslint-config-prettier": "1.17.0",
-    "tslint-sonarts": "1.8.0",
-    "typescript": "3.2.2"
+    "tslint-config-prettier": "1.18.0",
+    "tslint-sonarts": "1.9.0",
+    "typescript": "3.3.3333"
   },
   "scripts": {
     "build": "npm run build:dev",
@@ -72,7 +72,7 @@
     "prettier": "npm run format",
     "rimraf": "npx rimraf",
     "serve": "npm run serve:dev",
-    "serve:dev": "npm run build:dev", 
+    "serve:dev": "npm run build:dev",
     "serve:prod": "npm run build:prod && gatsby serve",
     "test": "npm run lint && echo \"Error: no test specified\" && exit 1",
     "tsc": "tsc",

src/components/contact.tsx

@@ -19,7 +19,7 @@ export default class Contact extends React.Component<any, {}> {
               <div className="contact-method">
                 <span className="icon alt fa-envelope"/>
                 <h3>Email</h3>
-                <span>{metadata.contact.mail}<i className="icon fa fa-at"/>{metadata.contact.mailDomain}</span>
+                <span>{metadata.contact.mail}<i className="fa fa-at"/>{metadata.contact.mailDomain}</span>
               </div>
             </section>
             <section className="contact-method-wrapper">