diff --git a/src/constants/skills.js b/src/constants/skills.js
index 9f2f451..8580389 100644
--- a/src/constants/skills.js
+++ b/src/constants/skills.js
@@ -5,10 +5,10 @@ const skills = ['vuejs', 'react', 'angularjs', 'aws', 'android', 'backbonejs', '
     'nodejs', 'python', 'swift', 'spring', 'oracle', 'nginx', 'linux', 'redux', 'webpack', 'express', 'flutter', 'dart', 'kotlin',
     'tensorflow', 'chartjs', 'jenkins', 'gcp', 'kubernetes', 'azure', 'git', 'kafka', 'solr', 'cassandra', 'rabbitMQ',
     'hadoop', 'bash', 'pytorch', 'opencv', 'illustrator', 'photoshop', 'figma', 'blender', 'babel', 'sketch',
-    'xamarin', 'vagrant', 'tailwind', 'materialize', 'invision', 'framer', 'couchdb', 'bulma', 'firebase', 'amplify', 'hive', 'realm' ];
+    'xamarin', 'vagrant', 'tailwind', 'materialize', 'invision', 'framer', 'couchdb', 'bulma', 'firebase', 'amplify', 'hive', 'realm', 'gastby', 'gridsome', 'nuxtjs', 'jekyll', 'nextjs' ];
 skills.sort();
 const categories = ['frontend_dev', 'backend_dev', 'ai', 'mobile_dev', 'database', 'data_visualization',
-    'devops', 'baas', 'framework', 'language', 'software', 'other'];
+    'devops', 'baas', 'framework', 'language', 'software', 'static_site_generator', 'other'];
 const categorizedSkills = {
     frontend_dev: {
         title: 'Frontend Development',
@@ -54,6 +54,10 @@ const categorizedSkills = {
         title: 'Software',
         skills: ['illustrator', 'photoshop', 'figma', 'blender', 'sketch', 'invision', 'framer']
     },
+    static_site_generator: {
+        title: 'Static Site Generators',
+        skills: ['gastby', 'gridsome', 'nuxtjs', 'jekyll', 'nextjs']
+    },
     other: {
         title: 'Other',
         skills: ['linux', 'git']
@@ -145,7 +149,12 @@ const icons = {
     firebase: 'https://www.vectorlogo.zone/logos/firebase/firebase-icon.svg',
     amplify: 'https://docs.amplify.aws/assets/logo-dark.svg',
     hive: 'https://www.vectorlogo.zone/logos/apache_hive/apache_hive-icon.svg',
-    realm: 'https://raw.githubusercontent.com/bestofjs/bestofjs-webui/8665e8c267a0215f3159df28b33c365198101df5/public/logos/realm.svg'
+    realm: 'https://raw.githubusercontent.com/bestofjs/bestofjs-webui/8665e8c267a0215f3159df28b33c365198101df5/public/logos/realm.svg',
+    gastby: 'https://www.vectorlogo.zone/logos/gatsbyjs/gatsbyjs-icon.svg',
+    gridsome: 'https://www.vectorlogo.zone/logos/gridsome/gridsome-icon.svg',
+    nuxtjs: 'https://www.vectorlogo.zone/logos/nuxtjs/nuxtjs-icon.svg', 
+    jekyll: 'https://www.vectorlogo.zone/logos/jekyllrb/jekyllrb-icon.svg',
+    nextjs: 'https://cdn.worldvectorlogo.com/logos/nextjs-3.svg'
 }
 
 const initialSkillState = {}