diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..644b602
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,4 @@
+dist
+node_modules
+.github
+.vscode
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..7728b1e
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,39 @@
+module.exports = {
+  env: {
+    node: true,
+    es2022: true,
+    browser: true,
+  },
+  extends: ['eslint:recommended', 'plugin:astro/recommended'],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  rules: {},
+  overrides: [
+    {
+      files: ['*.astro'],
+      parser: 'astro-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        extraFileExtensions: ['.astro'],
+      },
+      rules: {},
+    },
+    {
+      files: ['*.ts'],
+      parser: '@typescript-eslint/parser',
+      extends: ['plugin:@typescript-eslint/recommended'],
+      rules: {
+        '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', destructuredArrayIgnorePattern: '^_' }],
+        '@typescript-eslint/no-non-null-assertion': 'off',
+      },
+    },
+    {
+      // Define the configuration for `<script>` tag.
+      // Script in `<script>` is assigned a virtual file name with the `.js` extension.
+      files: ['**/*.astro/*.js', '*.astro/*.js'],
+      parser: '@typescript-eslint/parser',
+    },
+  ],
+};
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 39b7477..ba411e2 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,4 +1,4 @@
 {
-  "recommendations": ["astro-build.astro-vscode", "bradlc.vscode-tailwindcss"],
+  "recommendations": ["astro-build.astro-vscode", "bradlc.vscode-tailwindcss", "dbaeumer.vscode-eslint"],
   "unwantedRecommendations": []
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6c4e504
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,9 @@
+{
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "astro", // Enable .astro
+    "typescript", // Enable .ts
+    "typescriptreact" // Enable .tsx
+  ]
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 90c670a..7ea8223 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro build",
+    "lint:eslint": "eslint . --ext .js,.ts,.astro",
     "subfont": "subfont -ir --no-fallbacks --silent --root dist",
     "preview": "astro preview"
   },
@@ -18,8 +19,13 @@
     "@astrojs/tailwind": "^1.0.0",
     "@fontsource/inter": "^4.5.12",
     "@tailwindcss/typography": "^0.5.4",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     "astro": "^1.2.1",
     "astro-icon": "^0.7.3",
+    "eslint": "^8.23.0",
+    "eslint-plugin-astro": "^0.19.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
     "limax": "^v2.1.0",
     "reading-time": "^1.5.0",
     "subfont": "^6.9.0"
diff --git a/src/components/blog/HighlightedPosts.astro b/src/components/blog/HighlightedPosts.astro
index 8dcd4de..45de848 100644
--- a/src/components/blog/HighlightedPosts.astro
+++ b/src/components/blog/HighlightedPosts.astro
@@ -5,8 +5,6 @@ import { findPostsByIds } from "~/utils/posts";
 import { findImage } from "~/utils/images";
 import { getPermalink } from "~/utils/permalinks";
 
-const {} = Astro.props;
-
 const ids = [
   "get-started-website-with-astro-tailwind-css",
   "how-to-customize-astrowind-to-your-brand",
diff --git a/src/components/core/BasicScripts.astro b/src/components/core/BasicScripts.astro
index 082981b..31bef14 100644
--- a/src/components/core/BasicScripts.astro
+++ b/src/components/core/BasicScripts.astro
@@ -1,5 +1,4 @@
 ---
-const {} = Astro.props;
 ---
 
 <script is:inline>
@@ -33,7 +32,7 @@ const {} = Astro.props;
       document.getElementById("menu")?.classList.toggle("hidden");
     });
 
-    attachEvent("[data-aw-toggle-color-scheme]", "click", function (elem) {
+    attachEvent("[data-aw-toggle-color-scheme]", "click", function () {
       document.documentElement.classList.toggle("dark");
       localStorage.theme = document.documentElement.classList.contains("dark") ? "dark" : "light";
     });
diff --git a/src/components/core/GoogleAnalytics.astro b/src/components/core/GoogleAnalytics.astro
index 14a53bb..4d7e182 100644
--- a/src/components/core/GoogleAnalytics.astro
+++ b/src/components/core/GoogleAnalytics.astro
@@ -9,7 +9,7 @@ const attrs = partytown ? { type: "text/partytown" } : {};
 <script is:inline define:vars={{ id }} {...attrs}>
   window.dataLayer = window.dataLayer || [];
   function gtag() {
-    dataLayer.push(arguments);
+    window.dataLayer.push(arguments);
   }
   gtag("js", new Date());
   gtag("config", id);
diff --git a/src/components/core/Picture.astro b/src/components/core/Picture.astro
index ee26aca..621c102 100644
--- a/src/components/core/Picture.astro
+++ b/src/components/core/Picture.astro
@@ -24,6 +24,7 @@ try {
   })
 }
 catch (e) {
+  // continue regardless of error
 }
 
 const { image = {}, sources = [] } = picture || {}
diff --git a/src/components/widgets/CallToAction.astro b/src/components/widgets/CallToAction.astro
index 169a8d2..e27bcb5 100644
--- a/src/components/widgets/CallToAction.astro
+++ b/src/components/widgets/CallToAction.astro
@@ -1,7 +1,5 @@
 ---
 import { Icon } from "astro-icon";
-
-const {} = Astro.props;
 ---
 
 <section class="relative">
diff --git a/src/components/widgets/Error404.astro b/src/components/widgets/Error404.astro
index acb1ad5..d4ce3d5 100644
--- a/src/components/widgets/Error404.astro
+++ b/src/components/widgets/Error404.astro
@@ -1,7 +1,5 @@
 ---
 import { getHomePermalink } from "~/utils/permalinks";
-
-const {} = Astro.props;
 ---
 
 <section class="flex items-center h-full p-16">
diff --git a/src/components/widgets/FAQs.astro b/src/components/widgets/FAQs.astro
index eef0cd1..fa79bc3 100644
--- a/src/components/widgets/FAQs.astro
+++ b/src/components/widgets/FAQs.astro
@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 
-const {} = Astro.props;
-
 const items = [
   [
     {
diff --git a/src/components/widgets/Features.astro b/src/components/widgets/Features.astro
index 1f06f0e..da6f040 100644
--- a/src/components/widgets/Features.astro
+++ b/src/components/widgets/Features.astro
@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 
-const {} = Astro.props;
-
 const items = [
   {
     title: "Headers",
diff --git a/src/components/widgets/Features2.astro b/src/components/widgets/Features2.astro
index bbc12af..1f62be3 100644
--- a/src/components/widgets/Features2.astro
+++ b/src/components/widgets/Features2.astro
@@ -1,6 +1,4 @@
 ---
-const {} = Astro.props;
-
 const items = [
   [
     {
diff --git a/src/components/widgets/Features3.astro b/src/components/widgets/Features3.astro
index 49c79cd..a89aff6 100644
--- a/src/components/widgets/Features3.astro
+++ b/src/components/widgets/Features3.astro
@@ -1,7 +1,5 @@
 ---
 import { Icon } from "astro-icon";
-
-const {} = Astro.props;
 ---
 
 <section>
diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro
index a2dbfe5..13e2684 100644
--- a/src/components/widgets/Footer.astro
+++ b/src/components/widgets/Footer.astro
@@ -1,9 +1,6 @@
 ---
 import { Icon } from "astro-icon";
-
 import { getHomePermalink } from "~/utils/permalinks";
-
-const {} = Astro.props;
 ---
 
 <footer>
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index c9304e3..f662a42 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -5,8 +5,6 @@ import ToggleTheme from "~/components/core/ToggleTheme.astro";
 import ToggleMenu from "~/components/core/ToggleMenu.astro";
 
 import { getPermalink, getBlogPermalink, getHomePermalink } from "~/utils/permalinks";
-
-const {} = Astro.props;
 ---
 
 <header
diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
index dbbb73b..47e7067 100644
--- a/src/components/widgets/Hero.astro
+++ b/src/components/widgets/Hero.astro
@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 import Picture from "~/components/core/Picture.astro";
-
-const {} = Astro.props;
 ---
 
 <section>
diff --git a/src/components/widgets/Stats.astro b/src/components/widgets/Stats.astro
index e03103f..d51654b 100644
--- a/src/components/widgets/Stats.astro
+++ b/src/components/widgets/Stats.astro
@@ -1,5 +1,4 @@
 ---
-const {} = Astro.props;
 ---
 
 <div class="px-4 py-8 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl">
diff --git a/src/components/widgets/Steps.astro b/src/components/widgets/Steps.astro
index b4bbfb8..df52b36 100644
--- a/src/components/widgets/Steps.astro
+++ b/src/components/widgets/Steps.astro
@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 import Picture from "~/components/core/Picture.astro";
-
-const {} = Astro.props;
 ---
 
 <section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-6xl">
diff --git a/src/utils/images.js b/src/utils/images.js
index e47b39d..e331d20 100644
--- a/src/utils/images.js
+++ b/src/utils/images.js
@@ -2,7 +2,9 @@ const load = async function () {
   let images = [];
   try {
     images = import.meta.glob("~/assets/images/**");
-  } catch (e) {}
+  } catch (e) {
+    // continue regardless of error
+  }
   return images;
 };