refactor(starter): upgrade and move to typescript

2025-07-26 20:22:32 +02:00 · 2022-04-16 14:25:55 +00:00
parent 67ebabbaac
commit 50a99f57f7
156 changed files with 5350 additions and 7173 deletions
--- a/gatsby-config.ts
+++ b/gatsby-config.ts
@@ -0,0 +1,199 @@
+import path from "path";
+
+import config from "./content/config.json";
+import * as types from "./internal/gatsby/types";
+
+export default {
+  pathPrefix: config.pathPrefix,
+  siteMetadata: {
+    url: config.url,
+    menu: config.menu,
+    title: config.title,
+    author: config.author,
+    subtitle: config.subtitle,
+    copyright: config.copyright,
+    postsLimit: config.postsLimit,
+    disqusShortname: config.disqusShortname,
+  },
+  plugins: [
+    {
+      resolve: "gatsby-source-filesystem",
+      options: {
+        name: "content",
+        path: path.resolve("content"),
+      },
+    },
+    {
+      resolve: "gatsby-plugin-feed",
+      options: {
+        query: `
+          {
+            site {
+              siteMetadata {
+                url
+              }
+            }
+          }
+        `,
+        feeds: [
+          {
+            serialize: ({
+              query: { site, allMarkdownRemark },
+            }: {
+              query: {
+                site: {
+                  siteMetadata: {
+                    url: string;
+                  };
+                };
+                allMarkdownRemark: {
+                  edges: Array<types.Edge>;
+                };
+              };
+            }) =>
+              allMarkdownRemark.edges.map(({ node }) => ({
+                ...node.frontmatter,
+                date: node?.frontmatter?.date,
+                description: node?.frontmatter?.description,
+                url: site.siteMetadata.url + node?.fields?.slug,
+                guid: site.siteMetadata.url + node?.fields?.slug,
+                custom_elements: [{ "content:encoded": node.html }],
+              })),
+            query: `
+              {
+                allMarkdownRemark(
+                  limit: 1000,
+                  sort: { order: DESC, fields: [frontmatter___date] },
+                  filter: { frontmatter: { template: { eq: "post" }, draft: { ne: true } } }
+                ) {
+                  edges {
+                    node {
+                      html
+                      fields {
+                        slug
+                      }
+                      frontmatter {
+                        date
+                        title
+                        description
+                      }
+                    }
+                  }
+                }
+              }
+            `,
+            output: "/rss.xml",
+            title: config.title,
+          },
+        ],
+      },
+    },
+    {
+      resolve: "gatsby-transformer-remark",
+      options: {
+        plugins: [
+          {
+            resolve: "gatsby-remark-images",
+            options: {
+              maxWidth: 960,
+              withWebp: true,
+            },
+          },
+          {
+            resolve: "gatsby-remark-responsive-iframe",
+            options: { wrapperStyle: "margin-bottom: 1.0725rem" },
+          },
+          "gatsby-remark-autolink-headers",
+          "gatsby-remark-prismjs",
+          "gatsby-remark-copy-linked-files",
+          "gatsby-remark-smartypants",
+          "gatsby-remark-external-links",
+        ],
+      },
+    },
+    "gatsby-transformer-sharp",
+    "gatsby-plugin-sharp",
+    {
+      resolve: "gatsby-plugin-google-gtag",
+      options: {
+        trackingIds: [config.googleAnalyticsId],
+        pluginConfig: {
+          head: true,
+        },
+      },
+    },
+    {
+      resolve: "gatsby-plugin-sitemap",
+      options: {
+        query: `
+          {
+            site {
+              siteMetadata {
+                siteUrl: url
+              }
+            }
+            allSitePage(
+              filter: {
+                path: { regex: "/^(?!/404/|/404.html|/dev-404-page/)/" }
+              }
+            ) {
+              nodes {
+                path
+              }
+            }
+          }
+        `,
+      },
+    },
+    {
+      resolve: "gatsby-plugin-manifest",
+      options: {
+        name: config.title,
+        short_name: config.title,
+        theme_color: "hsl(31, 92%, 62%)",
+        background_color: "hsl(0, 0%, 100%)",
+        icon: "content/photo.jpg",
+        display: "standalone",
+        start_url: "/",
+      },
+    },
+    {
+      resolve: "gatsby-plugin-offline",
+      options: {
+        workboxConfig: {
+          runtimeCaching: [
+            {
+              urlPattern: /(\.js$|\.css$|[^:]static\/)/,
+              handler: "CacheFirst",
+            },
+            {
+              urlPattern: /^https?:.*\/page-data\/.*\.json/,
+              handler: "StaleWhileRevalidate",
+            },
+            {
+              urlPattern:
+                /^https?:.*\.(png|jpg|jpeg|webp|svg|gif|tiff|js|woff|woff2|json|css)$/,
+              handler: "StaleWhileRevalidate",
+            },
+            {
+              urlPattern: /^https?:\/\/fonts\.googleapis\.com\/css/,
+              handler: "StaleWhileRevalidate",
+            },
+          ],
+        },
+      },
+    },
+    {
+      resolve: "@sentry/gatsby",
+      options: {
+        dsn: process.env.SENTRY_DSN,
+        tracesSampleRate: 1,
+      },
+    },
+    "gatsby-plugin-image",
+    "gatsby-plugin-catch-links",
+    "gatsby-plugin-react-helmet",
+    "gatsby-plugin-optimize-svgs",
+    "gatsby-plugin-sass",
+  ],
+};