diff --git a/app/page.tsx b/app/page.tsx
index 4dfab76..d93d937 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,10 +3,10 @@ import {Card} from '@/components/ui/Card'
 import {Views} from '@/components/ui/Views'
 import {Resume} from '@/components/ui/Resume'
 import {getAllArticles} from '@/lib/getAllArticles'
-import {formatDate} from '@/lib/formatDate'
 import type {Article} from '@/types'
 import {metadata as _metadata} from '@/lib/generateMetadata'
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
+import {format} from 'date-fns'
 
 const meta = {
     title: 'Ryan Freeman - Full-stack software engineer based in Dublin, Ireland.',
@@ -45,7 +45,7 @@ function Article(article: Article) {
                 </Card.Title>
                 <p className="flex order-first space-x-1 z-10 mb-3">
                     <Card.Eyebrow as="time" dateTime={article.date} decorate={false}>
-                        {formatDate(article.date)}
+                        {format(article.date, 'd MMMM yyyy')}
                     </Card.Eyebrow>
                     <Views
                         slug={article.slug}
diff --git a/app/writing/page.tsx b/app/writing/page.tsx
index fc935a7..47b8d3e 100644
--- a/app/writing/page.tsx
+++ b/app/writing/page.tsx
@@ -2,10 +2,10 @@ import React from 'react'
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
 import {Card} from '@/components/ui/Card'
 import {Views} from '@/components/ui/Views'
-import {formatDate} from '@/lib/formatDate'
 import {getAllArticles} from '@/lib/getAllArticles'
 import {metadata as _metadata} from '@/lib/generateMetadata'
 import type {Article} from '@/types'
+import {format} from 'date-fns'
 
 const meta = {
     title: 'Writing',
@@ -42,7 +42,7 @@ function Article({article}: { article: Article }) {
                 </Card.Title>
                 <p className="flex order-first space-x-1 z-10 mb-3 md:mb-0 md:ml-4 md:order-last flex-shrink-0">
                     <Card.Eyebrow as="time" dateTime={article.date} decorate={false}>
-                        {formatDate(article.date)}
+                        {format(article.date, 'd MMMM yyyy')}
                     </Card.Eyebrow>
                     <Views
                         slug={article.slug}
diff --git a/components/layouts/ArticleLayout.tsx b/components/layouts/ArticleLayout.tsx
index b92e9fd..63c5c11 100644
--- a/components/layouts/ArticleLayout.tsx
+++ b/components/layouts/ArticleLayout.tsx
@@ -4,11 +4,11 @@ import {Container} from '@/components/common/Container'
 import {Prose} from '@/components/ui/Prose'
 import {Views} from '@/components/ui/Views'
 import {ArrowDownIcon} from '@/components/icons/ArrowDownIcon'
-import {formatDate} from '@/lib/formatDate'
 import ArticleNav from '@/components/ui/ArticleNav'
 import Comments from '@/components/ui/Comments'
 import {getAllArticles} from '@/lib/getAllArticles'
 import {getComments} from '@/lib/getComments'
+import {format} from 'date-fns'
 
 type ArticleLayout = {
     title: string
@@ -76,7 +76,7 @@ export async function ArticleLayout({
                             </h1>
                             <p className="order-first text-base text-zinc-500 dark:text-zinc-400">
                                 <time dateTime={date}>
-                                    <span>{formatDate(date)}</span>
+                                    <span>{format(date, 'd MMMM yyyy')}</span>
                                 </time>
                                 <Views slug={slug} title={title} shouldUpdateViews={true}/>
                             </p>
diff --git a/lib/formatDate.ts b/lib/formatDate.ts
deleted file mode 100644
index 8a6151c..0000000
--- a/lib/formatDate.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export function formatDate(dateString: string) {
-    return new Date(`${dateString}`).toLocaleDateString('en-IE', {
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric',
-        timeZone: 'UTC'
-    })
-}