diff --git a/src/routes/404/+page.svelte b/src/routes/404/+page.svelte
new file mode 100644
index 0000000..499074f
--- /dev/null
+++ b/src/routes/404/+page.svelte
@@ -0,0 +1,14 @@
+<style>
+    h1 {
+        margin-top: 6rem;
+    }
+
+    h1, p {
+        text-align: center;
+    }
+</style>
+
+
+<h1>404</h1>
+
+<p>That page doesn't exist. Sorry!</p>
diff --git a/src/routes/[slug]/+page.js b/src/routes/[slug]/+page.js
index 83e5a84..4c31ab1 100644
--- a/src/routes/[slug]/+page.js
+++ b/src/routes/[slug]/+page.js
@@ -2,18 +2,23 @@ import { error } from '@sveltejs/kit';
 
 
 export async function load({ url, params, data }) {
+    let post;
     try {
-        let post = await import(`../_posts/${params.slug}.svx`);
-        post.metadata.slug = params.slug;
-        post.metadata.prev = data.prev;
-        post.metadata.next = data.next;
-        return {
-            post: post.default,
-        }
+        post = await import(`../_posts/${params.slug}.svx`);
     }
     catch (err) {
-        // throw error(404, `Not found: ${url.pathname}`);
-        console.log(err);
-        throw err;
+        if (err.message.match(/Unknown variable dynamic import/)) {
+            throw error(404, `Not found: ${url.pathname}`);
+        }
+        else {
+            throw err;
+        }
+    }
+
+    post.metadata.slug = params.slug;
+    post.metadata.prev = data.prev;
+    post.metadata.next = data.next;
+    return {
+        post: post.default,
     }
 }