Typescript - Add ui route

package.json

@@ -21,6 +21,7 @@
   "author": "Júlio Moura",
   "license": "ISC",
   "devDependencies": {
+    "@types/ejs": "^3.1.5",
     "@types/node": "^20.14.0",
     "eslint": "^8.56.0",
     "jest": "^29.7.0",
@@ -36,4 +37,4 @@
     "redis": "^4.6.13",
     "zod": "^3.23.8"
   }
-}
+}

src/server.ts

@@ -1,4 +1,6 @@
 import Fastify from "fastify";
+import { fastifyView } from "@fastify/view";
+import ejs from "ejs";
 import { z } from "zod";
 import { CacheClient, createRedisClient } from "./redis.js";
 import RandomDadJokesAPI from "./random-dad-jokes.api.js";
@@ -11,6 +13,12 @@ const cacheClient = new CacheClient(redisClient).getRedisClient();
 const randomDadJokesAPI = new RandomDadJokesAPI();
 const messageService = new MessageService(cacheClient, randomDadJokesAPI);
 
+fastify.register(fastifyView, {
+  engine: {
+    ejs,
+  },
+});
+
 fastify.get("/", async (request, reply) => {
   return { hello: "world" };
 });
@@ -20,6 +28,13 @@ fastify.get("/messages", async (request, reply) => {
   reply.code(200).send({ message });
 });
 
+fastify.get("/ui/messages", async (request, reply) => {
+  const message = await messageService.getMessage();
+  return reply.viewAsync("./src/ui/message.ejs", {
+    message,
+  });
+});
+
 fastify.post("/messages", async (request, reply) => {
   const message = z.object({
     message: z.string(),