Merge pull request #1 from keshavlingala/gatsby-5-migration

Gatsby 5 migration

.github/workflows/build_gatsby.yml

@@ -16,13 +16,13 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
 
       - name: List Versions
         run: node --version && npm --version
 
       - name: Install dependencies
-        run: npm install --legacy-peer-deps
+        run: npm install
 
       - name: Build Gatsby site
         run: npm run build && echo keshav.codes > public/CNAME

.gitignore

@@ -1,72 +1,5 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-package-lock.json
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
 node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# dotenv environment variable files
-.env*
-
-# gatsby files
 .cache/
 public
-
-# Mac files
-.DS_Store
-
-# Yarn
-yarn-error.log
-.pnp/
-.pnp.js
-# Yarn Integrity file
-.yarn-integrity
+src/gatsby-types.d.ts
 .idea
-Icon\r
-

README.md

@@ -1,6 +1,6 @@
 # Keshav Reddy Lingala 👨‍💻
 
 #### Deployed 🛳 to 
-[![Portfolio](https://img.shields.io/badge/open-keshavlingala-gold)](https://keshav.tech)
+[![Portfolio](https://img.shields.io/badge/open-keshavlingala-gold)](https://keshav.codes)
 
 ![Lighthouse Audits](audits.png)

gatsby-config.js → gatsby-config.ts

@@ -1,5 +1,6 @@
-module.exports = {
-    pathPrefix: "/keshavlingala.github.io",
+import type {GatsbyConfig} from "gatsby";
+
+const config: GatsbyConfig = {
     siteMetadata: {
         title: `Keshav Lingala`,
         description: `This portfolio showcases my work and accomplishments in the realm of computer science, focusing on personal projects and initiatives. It covers a range of topics from innovative research projects to hands-on programming tasks, reflecting my knowledge, skills, and abilities in the field. This portfolio serves as a testament to my dedication and hard work in pursuing my passion for technology. Feel free to contact me for further discussion or inquiries.`,
@@ -11,32 +12,29 @@ module.exports = {
         siteUrl: `https://keshav.codes`
     },
     plugins: [
+        "gatsby-plugin-image",
+        "gatsby-plugin-sitemap",
+        "gatsby-plugin-sharp",
+        "gatsby-transformer-sharp",
+        {
+            resolve: `gatsby-source-filesystem`,
+            options: {
+                name: `content`,
+                path: `${__dirname}/src/content`,
+            },
+        },
         {
             resolve: `gatsby-plugin-google-gtag`,
             options: {
-                trackingIds: [
-                    "G-VNY508N935",
-                ],
+                trackingIds: ["G-VNY508N935"],
                 gtagConfig: {
                     optimize_id: "OPT_CONTAINER_ID",
-                    anonymize_ip: true,
-                    cookie_expires: 0,
                 },
                 pluginConfig: {
                     head: true,
                 },
             },
         },
-        `gatsby-plugin-react-helmet`,
-        {
-            resolve: `gatsby-source-filesystem`,
-            options: {
-                name: `content`,
-                path: `${__dirname}/src/content`
-            }
-        },
-        `gatsby-transformer-sharp`,
-        `gatsby-plugin-sharp`,
         {
             resolve: `gatsby-plugin-manifest`,
             options: {
@@ -46,50 +44,46 @@ module.exports = {
                 background_color: `#1b1b1b`,
                 theme_color: `#1b1b1b`,
                 display: `fullscreen`,
-                icon: `src/content/images/logo.png` // This path is relative to the root of the site.
-            }
+                icon: `src/content/images/logo.png`,
+            },
         },
-        `gatsby-plugin-emotion`,
+        "gatsby-plugin-emotion",
         {
             resolve: `gatsby-plugin-mdx`,
             options: {
                 extensions: [`.mdx`, `.md`],
-                defaultLayouts: {
-                    default: require.resolve("./src/layouts/layout.jsx")
-                },
                 gatsbyRemarkPlugins: [
                     {
                         resolve: `gatsby-remark-images`,
                         options: {
                             maxWidth: 800,
-                            tracedSVG: {threshold: 100},
                             withWebp: true,
-                            linkImagesToOriginal: true
-                        }
+                            linkImagesToOriginal: false,
+                            showCaptions: true,
+                            wrapperStyle: `margin: 0 0 1.45rem; text-align: center;`,
+                        },
                     },
-                    {
-                        resolve: "gatsby-remark-gifs"
-                    }
-                ]
-            }
-        },
-        {
-            resolve: `gatsby-plugin-offline`,
-            options: {
-                precachePages: [`/static/*`, "/*"],
-                start_url: "/?source=pwa",
-                short_name: "Keshav"
-            }
+                ],
+            },
         },
-        // this (optional) plugin enables Progressive Web App + Offline functionality
-        // To learn more, visit: https://gatsby.dev/offline
-        // `gatsby-plugin-offline`,
         {
-            resolve: `gatsby-plugin-sitemap`,
+            resolve: `gatsby-transformer-remark`,
             options: {
-                output: `/`,
-                excludes: ['/404'],
+                plugins: [
+                    {
+                        resolve: `gatsby-remark-images`,
+                        options: {
+                            maxWidth: 800,
+                            withWebp: true,
+                            linkImagesToOriginal: false,
+                            showCaptions: true,
+                            wrapperStyle: `margin: 0 0 1.45rem; text-align: center;`,
+                        },
+                    },
+                ],
             },
-        }
-    ]
-}
+        },
+    ],
+};
+
+export default config;