diff --git a/.formatter.exs b/.formatter.exs
new file mode 100644
index 0000000..4871757
--- /dev/null
+++ b/.formatter.exs
@@ -0,0 +1,6 @@
+[
+  import_deps: [:phoenix],
+  plugins: [Phoenix.LiveView.HTMLFormatter],
+  inputs: ["*.{heex,ex,exs}", "priv/*/seeds.exs", "{config,lib,test}/**/*.{heex,ex,exs}"],
+  trailing_comma: true
+]
diff --git a/config/prod.exs b/config/prod.exs
index 7878655..a19a2a2 100644
--- a/config/prod.exs
+++ b/config/prod.exs
@@ -5,7 +5,8 @@ import Config
 # manifest is generated by the `mix assets.deploy` task,
 # which you should run after static files are built and
 # before starting your production server.
-config :alchemy_pub, AlchemyPubWeb.Endpoint, cache_static_manifest: "priv/static/cache_manifest.json"
+config :alchemy_pub, AlchemyPubWeb.Endpoint,
+  cache_static_manifest: "priv/static/cache_manifest.json"
 
 # Configures Swoosh API Client
 config :swoosh, api_client: Swoosh.ApiClient.Finch, finch_name: AlchemyPub.Finch
diff --git a/lib/alchemy_pub_web/components/core_components.ex b/lib/alchemy_pub_web/components/core_components.ex
index 85ec626..77bc43d 100644
--- a/lib/alchemy_pub_web/components/core_components.ex
+++ b/lib/alchemy_pub_web/components/core_components.ex
@@ -79,7 +79,7 @@ defmodule AlchemyPubWeb.CoreComponents do
                 </button>
               </div>
               <div id={"#{@id}-content"}>
-                <%= render_slot(@inner_block) %>
+                {render_slot(@inner_block)}
               </div>
             </.focus_wrap>
           </div>
@@ -124,9 +124,9 @@ defmodule AlchemyPubWeb.CoreComponents do
       <p :if={@title} class="flex items-center gap-1.5 text-sm font-semibold leading-6">
         <.icon :if={@kind == :info} name="hero-information-circle-mini" class="h-4 w-4" />
         <.icon :if={@kind == :error} name="hero-exclamation-circle-mini" class="h-4 w-4" />
-        <%= @title %>
+        {@title}
       </p>
-      <p class="mt-2 text-sm leading-5"><%= msg %></p>
+      <p class="mt-2 text-sm leading-5">{msg}</p>
       <button type="button" class="group absolute top-1 right-1 p-2" aria-label={gettext("close")}>
         <.icon name="hero-x-mark-solid" class="h-5 w-5 opacity-40 group-hover:opacity-70" />
       </button>
@@ -157,7 +157,7 @@ defmodule AlchemyPubWeb.CoreComponents do
         phx-connected={hide("#client-error")}
         hidden
       >
-        <%= gettext("Attempting to reconnect") %>
+        {gettext("Attempting to reconnect")}
         <.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
       </.flash>
 
@@ -169,7 +169,7 @@ defmodule AlchemyPubWeb.CoreComponents do
         phx-connected={hide("#server-error")}
         hidden
       >
-        <%= gettext("Hang in there while we get back on track") %>
+        {gettext("Hang in there while we get back on track")}
         <.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
       </.flash>
     </div>
@@ -203,9 +203,9 @@ defmodule AlchemyPubWeb.CoreComponents do
     ~H"""
     <.form :let={f} for={@for} as={@as} {@rest}>
       <div class="mt-10 space-y-8 bg-white">
-        <%= render_slot(@inner_block, f) %>
+        {render_slot(@inner_block, f)}
         <div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
-          <%= render_slot(action, f) %>
+          {render_slot(action, f)}
         </div>
       </div>
     </.form>
@@ -237,7 +237,7 @@ defmodule AlchemyPubWeb.CoreComponents do
       ]}
       {@rest}
     >
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </button>
     """
   end
@@ -321,9 +321,9 @@ defmodule AlchemyPubWeb.CoreComponents do
           class="rounded border-zinc-300 text-zinc-900 focus:ring-0"
           {@rest}
         />
-        <%= @label %>
+        {@label}
       </label>
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -331,7 +331,7 @@ defmodule AlchemyPubWeb.CoreComponents do
   def input(%{type: "select"} = assigns) do
     ~H"""
     <div>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <select
         id={@id}
         name={@name}
@@ -339,10 +339,10 @@ defmodule AlchemyPubWeb.CoreComponents do
         multiple={@multiple}
         {@rest}
       >
-        <option :if={@prompt} value=""><%= @prompt %></option>
-        <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+        <option :if={@prompt} value="">{@prompt}</option>
+        {Phoenix.HTML.Form.options_for_select(@options, @value)}
       </select>
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -350,7 +350,7 @@ defmodule AlchemyPubWeb.CoreComponents do
   def input(%{type: "textarea"} = assigns) do
     ~H"""
     <div>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <textarea
         id={@id}
         name={@name}
@@ -361,7 +361,7 @@ defmodule AlchemyPubWeb.CoreComponents do
         ]}
         {@rest}
       ><%= Phoenix.HTML.Form.normalize_value("textarea", @value) %></textarea>
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -370,7 +370,7 @@ defmodule AlchemyPubWeb.CoreComponents do
   def input(assigns) do
     ~H"""
     <div>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <input
         type={@type}
         name={@name}
@@ -383,7 +383,7 @@ defmodule AlchemyPubWeb.CoreComponents do
         ]}
         {@rest}
       />
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -397,7 +397,7 @@ defmodule AlchemyPubWeb.CoreComponents do
   def label(assigns) do
     ~H"""
     <label for={@for} class="block text-sm font-semibold leading-6 text-zinc-800">
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </label>
     """
   end
@@ -411,7 +411,7 @@ defmodule AlchemyPubWeb.CoreComponents do
     ~H"""
     <p class="mt-3 flex gap-3 text-sm leading-6 text-rose-600">
       <.icon name="hero-exclamation-circle-mini" class="mt-0.5 h-5 w-5 flex-none" />
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </p>
     """
   end
@@ -430,13 +430,13 @@ defmodule AlchemyPubWeb.CoreComponents do
     <header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
       <div>
         <h1 class="text-lg font-semibold leading-8 text-zinc-800">
-          <%= render_slot(@inner_block) %>
+          {render_slot(@inner_block)}
         </h1>
         <p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
-          <%= render_slot(@subtitle) %>
+          {render_slot(@subtitle)}
         </p>
       </div>
-      <div class="flex-none"><%= render_slot(@actions) %></div>
+      <div class="flex-none">{render_slot(@actions)}</div>
     </header>
     """
   end
@@ -477,9 +477,9 @@ defmodule AlchemyPubWeb.CoreComponents do
       <table class="w-[40rem] mt-11 sm:w-full">
         <thead class="text-sm text-left leading-6 text-zinc-500">
           <tr>
-            <th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal"><%= col[:label] %></th>
+            <th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal">{col[:label]}</th>
             <th :if={@action != []} class="relative p-0 pb-4">
-              <span class="sr-only"><%= gettext("Actions") %></span>
+              <span class="sr-only">{gettext("Actions")}</span>
             </th>
           </tr>
         </thead>
@@ -497,7 +497,7 @@ defmodule AlchemyPubWeb.CoreComponents do
               <div class="block py-4 pr-6">
                 <span class="absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl" />
                 <span class={["relative", i == 0 && "font-semibold text-zinc-900"]}>
-                  <%= render_slot(col, @row_item.(row)) %>
+                  {render_slot(col, @row_item.(row))}
                 </span>
               </div>
             </td>
@@ -508,7 +508,7 @@ defmodule AlchemyPubWeb.CoreComponents do
                   :for={action <- @action}
                   class="relative ml-4 font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
                 >
-                  <%= render_slot(action, @row_item.(row)) %>
+                  {render_slot(action, @row_item.(row))}
                 </span>
               </div>
             </td>
@@ -538,8 +538,8 @@ defmodule AlchemyPubWeb.CoreComponents do
     <div class="mt-14">
       <dl class="-my-4 divide-y divide-zinc-100">
         <div :for={item <- @item} class="flex gap-4 py-4 text-sm leading-6 sm:gap-8">
-          <dt class="w-1/4 flex-none text-zinc-500"><%= item.title %></dt>
-          <dd class="text-zinc-700"><%= render_slot(item) %></dd>
+          <dt class="w-1/4 flex-none text-zinc-500">{item.title}</dt>
+          <dd class="text-zinc-700">{render_slot(item)}</dd>
         </div>
       </dl>
     </div>
@@ -564,7 +564,7 @@ defmodule AlchemyPubWeb.CoreComponents do
         class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
       >
         <.icon name="hero-arrow-left-solid" class="h-3 w-3" />
-        <%= render_slot(@inner_block) %>
+        {render_slot(@inner_block)}
       </.link>
     </div>
     """
diff --git a/lib/alchemy_pub_web/components/layouts/root.html.heex b/lib/alchemy_pub_web/components/layouts/root.html.heex
index 579ca42..37ef988 100644
--- a/lib/alchemy_pub_web/components/layouts/root.html.heex
+++ b/lib/alchemy_pub_web/components/layouts/root.html.heex
@@ -1,23 +1,21 @@
 <!DOCTYPE html>
 <html data-theme="dim" lang="en" class="[scrollbar-gutter:stable]">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="csrf-token" content={get_csrf_token()} />
+    <.live_title suffix=" | AlchemyPub">
+      {assigns[:page_title] || "AlchemyPub"}
+    </.live_title>
+    <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
+    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
+    </script>
+  </head>
 
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="csrf-token" content={get_csrf_token()} />
-  <.live_title suffix=" | AlchemyPub">
-    <%= assigns[:page_title] || "AlchemyPub" %>
-  </.live_title>
-  <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
-  <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
-  </script>
-</head>
-
-<body>
-  <main class="min-h-svh md:container md:mx-auto lg:flex lg:justify-center">
-    <.flash_group flash={@flash} />
-    <%= @inner_content %>
-  </main>
-</body>
-
-</html>
\ No newline at end of file
+  <body>
+    <main class="min-h-svh md:container md:mx-auto lg:flex lg:justify-center">
+      <.flash_group flash={@flash} />
+      {@inner_content}
+    </main>
+  </body>
+</html>
diff --git a/lib/alchemy_pub_web/page_live.ex b/lib/alchemy_pub_web/page_live.ex
index eb7f4dc..d952f54 100644
--- a/lib/alchemy_pub_web/page_live.ex
+++ b/lib/alchemy_pub_web/page_live.ex
@@ -9,15 +9,12 @@ defmodule AlchemyPubWeb.PageLive do
       <div class="menu menu-vertical w-64 border-solid border-l-2 border-neutral-700">
         <%= for {[title, _, _date, meta], i} <- @pages |> Enum.with_index() do %>
           <li>
-            <.link
-              class={@title == title && "active" || ""}
-              patch={i == 0 && "/" || "/#{title}"}
-            >
+            <.link class={(@title == title && "active") || ""} patch={(i == 0 && "/") || "/#{title}"}>
               <.icon
                 name={"hero-" <> Map.get(meta, "icon", i == 0 && "home-modern" || "document")}
                 class="h-5 w-5"
               />
-              <%= raw(Map.get(meta, "title")) %>
+              {raw(Map.get(meta, "title"))}
               <%= if Map.get(meta, "tags", [])
                   |> Enum.any?(fn t -> Engine.urlify(t) == @tag end) do %>
                 <span class="badge badge-xs badge-info" />
@@ -28,16 +25,13 @@ defmodule AlchemyPubWeb.PageLive do
         <li>
           <%= for {{year, _}, posts} <- Enum.group_by(@posts, fn [_, _, date | _] -> Date.year_of_era(date) end) |> Enum.sort(:desc) do %>
             <div class="menu-title">
-              <.icon name="hero-calendar" class="h-5 w-5 mr-2 mb-1" /><%= year %>
+              <.icon name="hero-calendar" class="h-5 w-5 mr-2 mb-1" />{year}
             </div>
             <ul>
               <%= for [title, _, date, meta] <- posts do %>
                 <li>
-                  <.link
-                    class={ @title == title && "active" || ""}
-                    patch={"/#{date}/#{title}"}
-                  >
-                    <%= raw(Map.get(meta, "title")) %>
+                  <.link class={(@title == title && "active") || ""} patch={"/#{date}/#{title}"}>
+                    {raw(Map.get(meta, "title"))}
                     <%= if Map.get(meta, "tags", [])
                       |> Enum.any?(fn t -> Engine.urlify(t) == @tag end) do %>
                       <span class="badge badge-xs badge-info" />
@@ -53,11 +47,8 @@ defmodule AlchemyPubWeb.PageLive do
           <ul>
             <%= for {tag, title} <- @tags do %>
               <li>
-                <.link
-                  class={@tag == tag && "active" || ""}
-                  patch={"/tag/#{tag}"}
-                >
-                  <%= title %>
+                <.link class={(@tag == tag && "active") || ""} patch={"/tag/#{tag}"}>
+                  {title}
                   <%= if Map.get(@meta, "tags", [])
                       |> Enum.any?(fn t -> Engine.urlify(t) == tag end) do %>
                     <span class="badge badge-xs badge-info" />
@@ -70,10 +61,16 @@ defmodule AlchemyPubWeb.PageLive do
       </div>
       <div class="border-solid border-l-2 border-t-2 border-neutral-700" />
       <div class="flex flex-col pb-8 border-solid border-r-2 border-neutral-700">
-        <div :if={Map.get(@meta, "banner")} class="w-full bg-cover bg-center h-[25vh]" style={"background-image: url('/images/#{Map.get(@meta, "banner")}'"} />
-        <div :if={!Map.get(@meta, "rank") && Map.get(@meta, "date")} class="self-end p-4 italic">published <%= Map.get(@meta, "date") %></div>
+        <div
+          :if={Map.get(@meta, "banner")}
+          class="w-full bg-cover bg-center h-[25vh]"
+          style={"background-image: url('/images/#{Map.get(@meta, "banner")}'"}
+        />
+        <div :if={!Map.get(@meta, "rank") && Map.get(@meta, "date")} class="self-end p-4 italic">
+          published {Map.get(@meta, "date")}
+        </div>
         <div class="prose md:w-[34rem] lg:min-w-[42rem] p-4 flex-row">
-          <%= raw(@content) %>
+          {raw(@content)}
         </div>
       </div>
     </div>
diff --git a/lib/alchemy_pub_web/router.ex b/lib/alchemy_pub_web/router.ex
index faf9981..7386672 100644
--- a/lib/alchemy_pub_web/router.ex
+++ b/lib/alchemy_pub_web/router.ex
@@ -31,7 +31,7 @@ defmodule AlchemyPubWeb.Router do
 
     scope "/dev" do
       pipe_through :browser
-      phoenix_analytics_dashboard "/analytics"
+      phoenix_analytics_dashboard("/analytics")
       live_dashboard "/dashboard", metrics: AlchemyPubWeb.Telemetry
       forward "/mailbox", Plug.Swoosh.MailboxPreview
     end