Use preact for bundle size

Author: jul-sh

gatsby-config.js

@@ -1,18 +1,19 @@
 module.exports = {
   siteMetadata: {
     title: 'Juliette Pretot',
-    siteUrl: 'https://jul.sh'
+    siteUrl: 'https://jul.sh',
   },
   plugins: [
+    'gatsby-plugin-preact',
     'gatsby-plugin-typescript',
     'gatsby-plugin-react-helmet',
     'gatsby-plugin-catch-links',
     {
       resolve: 'gatsby-source-filesystem',
       options: {
         path: `${__dirname}/src/pages`,
-        name: 'pages'
-      }
+        name: 'pages',
+      },
     },
     {
       resolve: 'gatsby-transformer-remark',
@@ -23,25 +24,25 @@ module.exports = {
             options: {
               maxWidth: 1000,
               linkImagesToOriginal: false,
-              backgroundColor: 'transparent'
-            }
+              backgroundColor: 'transparent',
+            },
           },
           'gatsby-remark-copy-linked-files',
           {
             resolve: 'gatsby-remark-smartypants',
             options: {
-              dashes: 'oldschool'
-            }
-          }
-        ]
-      }
+              dashes: 'oldschool',
+            },
+          },
+        ],
+      },
     },
     {
       resolve: 'gatsby-plugin-nprogress',
       options: {
         color: '#44B284',
-        showSpinner: false
-      }
+        showSpinner: false,
+      },
     },
     'gatsby-plugin-webpack-bundle-analyser-v2',
     'gatsby-plugin-catch-links',
@@ -51,6 +52,6 @@ module.exports = {
     'gatsby-plugin-sharp',
     'gatsby-plugin-offline',
     'gatsby-plugin-styled-components',
-    'gatsby-plugin-netlify' // place as last in the array. ref: https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-netlify#how-to-use
-  ]
+    'gatsby-plugin-netlify', // place as last in the array. ref: https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-netlify#how-to-use
+  ],
 }

package-lock.json

@@ -16,6 +16,7 @@
     "gatsby-plugin-netlify-cache": "^1.2.0",
     "gatsby-plugin-nprogress": "^2.3.2",
     "gatsby-plugin-offline": "^3.2.7",
+    "gatsby-plugin-preact": "^4.0.0",
     "gatsby-plugin-react-helmet": "^3.3.2",
     "gatsby-plugin-sharp": "^2.6.9",
     "gatsby-plugin-sitemap": "^2.4.3",
@@ -28,6 +29,8 @@
     "gatsby-transformer-remark": "^2.8.13",
     "gatsby-transformer-sharp": "^2.5.3",
     "gatsby-transformer-sqip": "^2.3.9",
+    "preact": "^10.4.4",
+    "preact-render-to-string": "^5.1.8",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-helmet": "^6.0.0",