diff --git a/package-lock.json b/package-lock.json
index 427b728..0cf19d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,7 +37,6 @@
         "remark-html": "^13.0.2",
         "remark-parse": "^9.0.0",
         "remark-react": "^8.0.0",
-        "shortid": "^2.2.16",
         "vcf": "^2.1.1"
       },
       "devDependencies": {
@@ -6087,9 +6086,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001301",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001301.tgz",
-      "integrity": "sha512-csfD/GpHMqgEL3V3uIgosvh+SVIQvCh43SNu9HRbP1lnxkKm1kjDG4f32PP571JplkLjfS+mg2p1gxR7MYrrIA==",
+      "version": "1.0.30001311",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001311.tgz",
+      "integrity": "sha512-mleTFtFKfykEeW34EyfhGIFjGCqzhh38Y0LhdQ9aWF+HorZTtdgKV/1hEE0NlFkG2ubvisPV6l400tlbPys98A==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/browserslist"
@@ -19839,19 +19838,6 @@
       "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
       "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg=="
     },
-    "node_modules/shortid": {
-      "version": "2.2.16",
-      "resolved": "https://registry.npmjs.org/shortid/-/shortid-2.2.16.tgz",
-      "integrity": "sha512-Ugt+GIZqvGXCIItnsL+lvFJOiN7RYqlGy7QE41O3YC1xbNSeDGIRO7xg2JJXIAj1cAGnOeC1r7/T9pgrtQbv4g==",
-      "dependencies": {
-        "nanoid": "^2.1.0"
-      }
-    },
-    "node_modules/shortid/node_modules/nanoid": {
-      "version": "2.1.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-2.1.11.tgz",
-      "integrity": "sha512-s/snB+WGm6uwi0WjsZdaVcuf3KJXlfGl2LcxgwkEwJF0D/BWzVWAZW/XY4bFaiR7s0Jk3FPvlnepg1H1b1UwlA=="
-    },
     "node_modules/side-channel": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
@@ -28303,9 +28289,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001301",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001301.tgz",
-      "integrity": "sha512-csfD/GpHMqgEL3V3uIgosvh+SVIQvCh43SNu9HRbP1lnxkKm1kjDG4f32PP571JplkLjfS+mg2p1gxR7MYrrIA=="
+      "version": "1.0.30001311",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001311.tgz",
+      "integrity": "sha512-mleTFtFKfykEeW34EyfhGIFjGCqzhh38Y0LhdQ9aWF+HorZTtdgKV/1hEE0NlFkG2ubvisPV6l400tlbPys98A=="
     },
     "ccount": {
       "version": "1.1.0",
@@ -38573,21 +38559,6 @@
       "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
       "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg=="
     },
-    "shortid": {
-      "version": "2.2.16",
-      "resolved": "https://registry.npmjs.org/shortid/-/shortid-2.2.16.tgz",
-      "integrity": "sha512-Ugt+GIZqvGXCIItnsL+lvFJOiN7RYqlGy7QE41O3YC1xbNSeDGIRO7xg2JJXIAj1cAGnOeC1r7/T9pgrtQbv4g==",
-      "requires": {
-        "nanoid": "^2.1.0"
-      },
-      "dependencies": {
-        "nanoid": {
-          "version": "2.1.11",
-          "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-2.1.11.tgz",
-          "integrity": "sha512-s/snB+WGm6uwi0WjsZdaVcuf3KJXlfGl2LcxgwkEwJF0D/BWzVWAZW/XY4bFaiR7s0Jk3FPvlnepg1H1b1UwlA=="
-        }
-      }
-    },
     "side-channel": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
diff --git a/package.json b/package.json
index b68034c..3131e99 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,6 @@
     "remark-html": "^13.0.2",
     "remark-parse": "^9.0.0",
     "remark-react": "^8.0.0",
-    "shortid": "^2.2.16",
     "vcf": "^2.1.1"
   },
   "devDependencies": {
diff --git a/src/components/pages/Resume/Header.jsx b/src/components/pages/Resume/Header.jsx
index cb83afa..b9fd867 100644
--- a/src/components/pages/Resume/Header.jsx
+++ b/src/components/pages/Resume/Header.jsx
@@ -1,5 +1,4 @@
 import React from 'react'
-import shortid from 'shortid'
 import { useResume } from '../../../hooks/use-resume'
 import Icon from '../../atoms/Icon'
 import { title, description, contact, languagesList } from './Header.module.css'
@@ -34,8 +33,8 @@ export default function Header() {
           </li>
           <li className={languagesList}>
             <Icon name="Globe" />
-            {languages.map((item) => (
-              <p key={shortid.generate()}>
+            {languages.map((item, index) => (
+              <p key={index}>
                 {item.language}
                 <span>{item.fluency}</span>
               </p>
diff --git a/src/components/pages/Resume/ResumeSection.jsx b/src/components/pages/Resume/ResumeSection.jsx
index 9b2ae3f..b7dcf34 100644
--- a/src/components/pages/Resume/ResumeSection.jsx
+++ b/src/components/pages/Resume/ResumeSection.jsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import shortid from 'shortid'
 import Icon from '../../atoms/Icon'
 import ResumeItem, { ResumeItemContentProps } from './ResumeItem'
 import { subTitle } from './ResumeSection.module.css'
@@ -13,8 +12,8 @@ export default function ResumeSection({ section }) {
         {section.name}
       </h3>
       <div>
-        {section.content.map((content) => (
-          <ResumeItem key={shortid.generate()} content={content} />
+        {section.content.map((content, i) => (
+          <ResumeItem key={i} content={content} />
         ))}
       </div>
     </>
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 4d1fb1f..74a994c 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Link, graphql } from 'gatsby'
-import shortid from 'shortid'
 import SEO from '../components/atoms/SEO'
 import ProjectImage from '../components/atoms/ProjectImage'
 import { grid } from '../components/Layout.module.css'
@@ -68,8 +67,8 @@ export default function Home({ data, pageContext }) {
       <SEO />
 
       <div className={grid}>
-        {projects.map(({ node }) => (
-          <Project key={shortid.generate()} node={node} images={images} />
+        {projects.map(({ node }, i) => (
+          <Project key={i} node={node} images={images} />
         ))}
       </div>
 
diff --git a/src/pages/resume.jsx b/src/pages/resume.jsx
index 0406589..f7ba233 100644
--- a/src/pages/resume.jsx
+++ b/src/pages/resume.jsx
@@ -1,5 +1,4 @@
 import React from 'react'
-import shortid from 'shortid'
 import SEO from '../components/atoms/SEO'
 import { useResume } from '../hooks/use-resume'
 import { resume } from './resume.module.css'
@@ -21,8 +20,8 @@ export default function Resume() {
       <div className={resume}>
         <Header />
 
-        {items.map((item) => (
-          <ResumeSection key={shortid.generate()} section={item} />
+        {items.map((item, i) => (
+          <ResumeSection key={i} section={item} />
         ))}
       </div>
     </>