Merge branch 'release/1.0.0'

Author: Spring3

.eslintignore

@@ -0,0 +1,6 @@
+node_modules
+static
+public
+.cache
+gatsby-config.js
+gatsby-node.js

.eslintrc.json

@@ -0,0 +1,27 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 12,
+    "sourceType": "module"
+  },
+  "plugins": ["react"],
+  "rules": {
+    "import/prefer-default-export": "off",
+    "comma-dangle": "off",
+    "react/prop-types": "warn",
+    "no-restricted-syntax": "off",
+    "max-len": ["error", { "code": 200 }],
+    "react/jsx-props-no-spreading": "off",
+    "jsx-quotes": "off",
+    "react/jsx-curly-newline": "off",
+    "operator-linebreal": "off",
+    "react/no-unescaped-entities": "warn"
+  }
+}

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged --allow-empty

.prettierignore

@@ -0,0 +1 @@
+src/content

.prettierrc

@@ -1,7 +1,6 @@
 {
   "endOfLine": "lf",
-  "semi": false,
-  "singleQuote": false,
+  "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "es5"
 }

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 Daniyil Vasylenko
+Copyright (c) 2019 - present Daniyil Vasylenko
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,14 +1,33 @@
 **Based on [Gastby Starter Boilderplate](https://github.com/gatsbyjs/gatsby-starter-hello-world)**
 
-### Tech used
+You are welcome to use or reuse this project for your purposes, if you reference the original (this repo).
+
+### Run & Build
+
+Development:
+
+```
+  npm start
+```
+
+Production:
+
+```
+  npm build
+  npm run serve
+```
+
+### Core
+
 - [Gatsby](https://github.com/gatsbyjs/gatsby)
 - [React](https://github.com/facebook/react)
+- [React-spring](https://github.com/pmndrs/react-spring) for animations
+- [Styled Components](https://www.styled-components.com/)
 
 ### Data
-All the website's content is stored in markdown and fetched with [GraphQL](https://graphql.org/)
 
-### Styles
-Styling was done with [Styled Components](https://www.styled-components.com/)
+All the website's content is stored in markdown and fetched with [GraphQL](https://graphql.org/)
 
 ### Deployment
-Automatically deployed to [Netlify](https://netlify.com/)
+
+Automatically deployed to [Gatsby Cloud](https://www.gatsbyjs.com/dashboard/sites)

gatsby-config.js

@@ -6,37 +6,44 @@
 
 module.exports = {
   siteMetadata: {
-    title: 'Daniyil Vasylenko Portfolio Website',
-    description: 'Daniyil Vasylenko\'s personal portfolio website',
-    image: 'https://user-images.githubusercontent.com/4171202/59647385-aebee480-9183-11e9-88fe-4b27c41436b4.png'
+    title: 'Danv',
+    description: "Danv's personal website",
   },
   plugins: [
     'gatsby-plugin-react-helmet',
     {
       resolve: 'gatsby-plugin-manifest',
       options: {
-        name: 'test',
-        short_name: 'test',
+        name: 'Danv',
+        short_name: 'Danv',
         start_url: '/',
         background_color: '#fff',
         theme_color: '#fff',
         display: 'standalone',
-        icon: 'static/icon.png'
-      }
+        icon: 'static/icon.png',
+      },
+    },
+    {
+      resolve: 'gatsby-plugin-react-svg',
+      options: {
+        rule: {
+          include: /assets/,
+        },
+      },
     },
     {
       resolve: 'gatsby-source-filesystem',
       options: {
         name: 'pages',
-        path: `${__dirname}/src/pages/`
-      }
+        path: `${__dirname}/src/pages/`,
+      },
     },
     {
       resolve: 'gatsby-source-filesystem',
       options: {
         name: 'content',
-        path: `${__dirname}/src/content/`
-      }
+        path: `${__dirname}/src/content/`,
+      },
     },
     {
       resolve: 'gatsby-transformer-remark',
@@ -45,33 +52,34 @@ module.exports = {
           {
             resolve: 'gatsby-remark-images',
             options: {
-              maxWidth: 1000,
-              linkImagesToOriginal: false
-            }
+              maxWidth: 1024,
+              linkImagesToOriginal: false,
+            },
           },
-          'gatsby-remark-copy-linked-files'
+          'gatsby-remark-copy-linked-files',
         ],
-      }
+      },
     },
     {
       resolve: 'gatsby-plugin-nprogress',
       options: {
         showSpinner: false,
-        color: '#A9E5BB'
-      }
+        color: '#A9E5BB',
+      },
     },
     {
-      resolve: 'gatsby-plugin-google-analytics',
+      resolve: 'gatsby-plugin-gdpr-cookies',
       options: {
-        trackingId: 'UA-141684888-1',
-      }
+        googleAnalytics: {
+          trackingId: process.env.GA_ID,
+        },
+      },
     },
-    'gatsby-plugin-netlify-cache',
     'gatsby-transformer-sharp',
     'gatsby-plugin-sharp',
     'gatsby-plugin-catch-links',
     'gatsby-plugin-offline',
     'gatsby-plugin-styled-components',
-    'gatsby-plugin-netlify'
-  ]
-}
+    'gatsby-plugin-gatsby-cloud',
+  ],
+};

gatsby-node.js

@@ -9,12 +9,12 @@ exports.onCreateNode = ({ node, getNode, actions }) => {
     createNodeField({
       node,
       name: 'slug',
-      value: slug
+      value: slug,
     });
   }
-}
+};
 
-exports.createPages = ({ graphql, actions}) => {
+exports.createPages = ({ graphql, actions }) => {
   const { createPage } = actions;
   return graphql(`
     {
@@ -35,18 +35,35 @@ exports.createPages = ({ graphql, actions}) => {
           path: node.fields.slug,
           component: path.resolve('./src/templates/cv.jsx'),
           context: {
-            slug: node.fields.slug
-          }
-        })
+            slug: node.fields.slug,
+          },
+        });
       } else if (node.fields.slug !== '/') {
         createPage({
           path: node.fields.slug,
           component: path.resolve('./src/templates/projects.jsx'),
           context: {
-            slug: node.fields.slug
-          }
+            slug: node.fields.slug,
+          },
         });
       }
     }
   });
-}
+};
+
+// Remove when react-spring becomes stable
+// https://github.com/pmndrs/react-spring/issues/1069
+exports.onCreateWebpackConfig = ({ stage, actions }) => {
+  if (stage.startsWith('build-javascript')) {
+    actions.setWebpackConfig({
+      module: {
+        rules: [
+          {
+            test: /react-spring/,
+            sideEffects: true,
+          },
+        ],
+      },
+    });
+  }
+};