diff --git a/app/src/frontend/layout.tsx b/app/src/frontend/layout.tsx
index b151874..042a701 100644
--- a/app/src/frontend/layout.tsx
+++ b/app/src/frontend/layout.tsx
@@ -1,5 +1,6 @@
 import { FC } from 'hono/jsx';
 import Header from './layout/header';
+import Footer from './layout/footer';
 
 const Layout: FC = (props) => {
   return (
@@ -8,8 +9,9 @@ const Layout: FC = (props) => {
         <title>{props.siteData.title}</title>
       </head>
       <body>
-        <Header title={props.siteData.title}/>
+        <Header title={props.siteData.title} />
         {props.children}
+        <Footer title={props.siteData.copyright} />
       </body>
     </html>
   )
diff --git a/app/src/frontend/layout/footer.tsx b/app/src/frontend/layout/footer.tsx
new file mode 100644
index 0000000..3817951
--- /dev/null
+++ b/app/src/frontend/layout/footer.tsx
@@ -0,0 +1,13 @@
+import { FC } from 'hono/jsx';
+
+const currentYear = new Date().getFullYear();
+
+const Footer: FC = (props) => {
+  return (
+    <footer>
+      <div>{props.copyright}</div>
+    </footer>
+  );
+};
+
+export default Footer;
diff --git a/app/src/frontend/layout/header.tsx b/app/src/frontend/layout/header.tsx
index ed612d5..c284e6f 100644
--- a/app/src/frontend/layout/header.tsx
+++ b/app/src/frontend/layout/header.tsx
@@ -1,4 +1,6 @@
-const Header = (props) => {
+import { FC } from 'hono/jsx';
+
+const Header: FC = (props) => {
   return (
     <header>
       <div class="title">{props.title}</div>
diff --git a/app/src/index.tsx b/app/src/index.tsx
index f5a191c..24b1ffc 100644
--- a/app/src/index.tsx
+++ b/app/src/index.tsx
@@ -1,14 +1,12 @@
 import { Hono } from 'hono';
-import SiteData from './model/SiteData';
 import Layout from './frontend/layout';
+import { SiteConfig, configMiddleware } from './middleware/config';
 
 const app = new Hono();
+app.use(configMiddleware);
 
-app.get('/', (c) => {
-  const siteData: SiteData = {
-    title: "Slovocast",
-    description: "A no-nonsense podcast hosting platform."
-  };
+app.get('/', async (c) => {
+  const siteData: SiteConfig = await c.get('config');
 
   const layout = (
     <Layout siteData={siteData}>
diff --git a/app/src/middleware/config.ts b/app/src/middleware/config.ts
index 550a6c8..af6c66b 100644
--- a/app/src/middleware/config.ts
+++ b/app/src/middleware/config.ts
@@ -5,18 +5,21 @@ type SiteConfig = {
   name: string,
   description: string,
   baseUrl: string
+  copyright: string,
 };
 
+const currentYear = new Date().getFullYear();
+
 const config: SiteConfig = {
   name: "Slovocast",
   description: "A no-nonesense Podcast hosting platform.",
-  baseUrl: "dev.slovocast.com"
+  baseUrl: "dev.slovocast.com",
+  copyright: `Copyright ${currentYear} Slovocast`,
 };
 
-const configMiddleware = new Hono();
-configMiddleware.use((c: Context, next) => {
+const configMiddleware = async function(c: Context, next) {
   c.set('config', config);
-  next();
-});
+  await next();
+};
 
-export SiteConfig, configMiddleware;
+export { SiteConfig, configMiddleware };
