Add a custom error middleware

Sources/Website/Middlewares/ErrorMiddleware.swift

@@ -0,0 +1,18 @@
+import Vapor
+
+struct ErrorMiddleware: AsyncMiddleware {
+
+    public func respond(to request: Request, chainingTo next: AsyncResponder) async throws -> Response {
+
+        do {
+            return try await next.respond(to: request)
+
+        } catch {
+
+            request.logger.report(error: error)
+
+            return try await request.htmlkit.render(ErrorPage.ErrorView(message: error.localizedDescription))
+                .encodeResponse(for: request)
+        }
+    }
+}

Sources/Website/Setup.swift

@@ -21,6 +21,8 @@ struct Setup {
         application.passwords.use(.bcrypt)
         application.sessions.use(.fluent(.mysql))
 
+        application.middleware = .init()
+        application.middleware.use(ErrorMiddleware())
         application.middleware.use(FileMiddleware(publicDirectory: application.directory.publicDirectory))
         application.middleware.use(application.sessions.middleware)
 

Sources/Website/Views/Shared/ErrorPage.swift

@@ -0,0 +1,26 @@
+import HTMLKit
+import HTMLKitComponents
+
+enum ErrorPage {
+
+    struct ErrorView: View {
+
+        var message: String
+
+        var body: Content {
+            AreaViewContainer {
+                Section {
+                    VStack(spacing: .small) {
+                        Text {
+                            "Ooops!"
+                        }
+                        .textStyle(.headline)
+                        Text {
+                            "Something went wrong (\(message)). Sorry for the inconvenience!"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}