diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 13d4039..1a01444 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -2,6 +2,8 @@
   "recommendations": [
     "esbenp.prettier-vscode",
     "dbaeumer.vscode-eslint",
-    "bradlc.vscode-tailwindcss"
+    "bradlc.vscode-tailwindcss",
+    "unifiedjs.vscode-mdx",
+    "streetsidesoftware.code-spell-checker"
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 8db3094..76e0b1d 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -5,5 +5,6 @@
   "eslint.validate": ["typescript", "typescriptreact", "html"],
   "editor.formatOnSave": true,
   "editor.formatOnPaste": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "cSpell.enableFiletypes": ["md", "mdx"]
 }
diff --git a/src/app/blog/posts/diy-suspense-in-react.md b/src/app/blog/posts/diy-suspense-in-react.md
index 8355335..931f596 100644
--- a/src/app/blog/posts/diy-suspense-in-react.md
+++ b/src/app/blog/posts/diy-suspense-in-react.md
@@ -18,7 +18,7 @@ Even after reading the docs, I was still curious about something: how do you sus
 
 I think that the React team [doesn't intend][suspense in data frameworks] for most people to write code that suspends. Instead, they imagine you'll use libraries that are already integrated with Suspense. In that case, all you need to do is handle the fallback states with the `<Suspense>` component. They likely have thought a lot about this and have good reasons for it!
 
-But this isn't super satisfying to me—it feels like I've only seen half the API. So here's a very basic overview of the suspending part of it. Even if this has limited pracitcality, I think it's helped my mental model to understand the basics of how it works. Keep in mind that Suspense is based on [promises][promise], so you'll need to know how they work first.
+But this isn't super satisfying to me—it feels like I've only seen half the API. So here's a very basic overview of the suspending part of it. Even if this has limited practicality, I think it's helped my mental model to understand the basics of how it works. Keep in mind that Suspense is based on [promises][promise], so you'll need to know how they work first.
 
 ## When to suspend
 
diff --git a/src/app/blog/posts/measuring-line-height.mdx b/src/app/blog/posts/measuring-line-height.mdx
index d5f2922..7c5147b 100644
--- a/src/app/blog/posts/measuring-line-height.mdx
+++ b/src/app/blog/posts/measuring-line-height.mdx
@@ -79,7 +79,7 @@ context.drawRect(
   -metrics.actualBoundingBoxLeft,
   -metrics.actualBoundingBoxAscent,
   metrics.actualBoundingBoxLeft + metrics.actualBoundingBoxRight,
-  metrics.actualBoundingBoxAscent + metrics.actualBoungingBoxDescent,
+  metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,
 );
 ```