diff --git a/app/(core)/blog/[slug]/page.tsx b/app/(core)/blog/[slug]/page.tsx
index f3a79a6..3b909e7 100644
--- a/app/(core)/blog/[slug]/page.tsx
+++ b/app/(core)/blog/[slug]/page.tsx
@@ -1,13 +1,12 @@
-import { Metadata } from 'next'
+import { Metadata, ResolvingMetadata } from 'next'
 import { notFound } from 'next/navigation'
 import { absoluteUrl } from '@/utils/urls'
-import { allBlogPosts } from 'contentlayer/generated'
 import { type Article, type WithContext } from 'schema-dts'
 
 import { BlogPostSource } from '@/types/blog'
 import { Routes } from '@/config/routes'
 import { site } from '@/config/site'
-import { getLocalBlogPost } from '@/lib/blog'
+import { getLocalBlogPost, getLocalBlogPosts } from '@/lib/blog'
 import { Footer } from '@/components/blog/post-footer'
 import { Header } from '@/components/blog/post-header'
 import { Content } from '@/components/mdx-content'
@@ -19,20 +18,19 @@ type Props = {
     }
 }
 
-export const generateStaticParams = () => {
-    return allBlogPosts.map((post) => ({
+export function generateStaticParams() {
+    const posts = getLocalBlogPosts()
+    return posts.map((post) => ({
         slug: post.slug,
     }))
 }
 
-export const generateMetadata = (props: Props): Metadata => {
-    const { params } = props
+export async function generateMetadata({ params }: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
 
-    const post = allBlogPosts.find((p) => p.slug === params.slug)
-
-    if (!post) {
-        return {}
-    }
+    const post = getLocalBlogPost(params.slug)
+    if (!post) return {}
 
     const ISOPublishedTime = new Date(post.createdAt).toISOString()
     const ISOModifiedTime = new Date(post.modifiedAt).toISOString()
@@ -41,13 +39,14 @@ export const generateMetadata = (props: Props): Metadata => {
         title: post.title,
         description: post.summary,
         alternates: {
-            canonical: `${site.url}/blog/${params.slug}`,
+            canonical: absoluteUrl(Routes.LocalBlogPost(params.slug)),
         },
         openGraph: {
-            url: `${site.url}/blog/${params.slug}`,
+            ...previousOpenGraph,
+            url: absoluteUrl(Routes.LocalBlogPost(params.slug)),
             type: 'article',
             title: post.title,
-            siteName: site.name,
+            siteName: site.title,
             description: post.summary,
             locale: 'it-IT',
             publishedTime: ISOPublishedTime,
@@ -63,6 +62,19 @@ export const generateMetadata = (props: Props): Metadata => {
                 },
             ],
         },
+        twitter: {
+            ...previousTwitter,
+            title: post.title,
+            description: post.summary,
+            images: [
+                {
+                    url: `${site.url}/images/blog/${post.slug}/og.png`,
+                    alt: post.summary,
+                    width: 1200,
+                    height: 630,
+                },
+            ],
+        },
     }
 }
 
diff --git a/app/(core)/blog/page.tsx b/app/(core)/blog/page.tsx
index 2aad764..39e2114 100644
--- a/app/(core)/blog/page.tsx
+++ b/app/(core)/blog/page.tsx
@@ -1,38 +1,43 @@
-import type { Metadata } from 'next'
+import type { Metadata, ResolvingMetadata } from 'next'
+import { absoluteUrl } from '@/utils/urls'
 
-import { site } from '@/config/site'
+import { Routes } from '@/config/routes'
 import { getAllBlogPosts } from '@/lib/blog'
 import { FilteredPosts } from '@/components/blog/filtered-posts'
 import { SubscribeForm } from '@/components/blog/subscribe-form'
 import { PageTitle } from '@/components/page-title'
 
-const title = 'Articoli'
+const title = 'articoli'
 const description =
-    'Sono onesto, la scrittura non è il mio punto forte. Proprio per questo, ho deciso di sfidare me stesso creando questo piccolo angolo del web, un posto dove allenarmi a scrivere. Tanto chi legge i blog nel 2023?'
-
-export const metadata: Metadata = {
-    title,
-    description,
-    alternates: {
-        canonical: `${site.url}/blog`,
-    },
-    openGraph: {
-        url: `${site.url}/blog`,
-        type: 'website',
+    'un remoto angolo del web che posso riempire di articoli, storie e guide. Tanto chi legge i blog nel 2024?'
+
+type Props = {
+    params: Record<string, never>
+    searchParams: Record<string, never>
+}
+
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
         title,
-        siteName: site.title,
         description,
-        locale: 'it-IT',
-        images: [
-            {
-                url: `${site.url}/images/og/og.png`,
-                width: 1200,
-                height: 630,
-                alt: description,
-                type: 'image/png',
-            },
-        ],
-    },
+        alternates: {
+            canonical: absoluteUrl(Routes.Blog),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(Routes.Blog),
+            title,
+            description,
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+        },
+    }
 }
 
 export default async function Page() {
diff --git a/app/(core)/contacts/page.tsx b/app/(core)/contacts/page.tsx
index 3d6734f..bdb43ac 100644
--- a/app/(core)/contacts/page.tsx
+++ b/app/(core)/contacts/page.tsx
@@ -1,11 +1,47 @@
+import { Metadata, ResolvingMetadata } from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
+import { absoluteUrl } from '@/utils/urls'
 import { IconExternalLink } from '@tabler/icons-react'
 
 import { ContactLinks, SocialLinks } from '@/config/links'
+import { Routes } from '@/config/routes'
 import { Icon } from '@/components/icon'
 import { PageTitle } from '@/components/page-title'
 
+const title = 'contatti'
+const description =
+    'che tu voglia conoscermi, parlarmi di un progetto o una collaborazione, scrivimi. Nasce sempre qualcosa di bello da un messaggio.'
+
+type Props = {
+    params: Record<string, never>
+    searchParams: Record<string, never>
+}
+
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
+        title,
+        description,
+        alternates: {
+            canonical: absoluteUrl(Routes.Contact),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(Routes.Contact),
+            title,
+            description,
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+        },
+    }
+}
+
 export default function Page() {
     return (
         <>
diff --git a/app/(core)/layout.tsx b/app/(core)/layout.tsx
index 9c4cb15..697fc13 100644
--- a/app/(core)/layout.tsx
+++ b/app/(core)/layout.tsx
@@ -2,8 +2,7 @@ import * as React from 'react'
 
 import { Footer } from '@/components/footer'
 import { Header } from '@/components/header'
-
-// import { NotificationPopup } from '@/components/notification-popup'
+import { NotificationPopup } from '@/components/notification-popup'
 
 export default function Layout({ children }: { children: React.ReactNode }) {
     return (
@@ -11,7 +10,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             <Header />
             <main className='static mx-auto max-w-5xl px-8 py-24 md:mb-16'>{children}</main>
             <Footer />
-            {/* <NotificationPopup /> */}
+            <NotificationPopup />
         </>
     )
 }
diff --git a/app/(core)/learn/page.tsx b/app/(core)/learn/page.tsx
index 8cebeaa..211c642 100644
--- a/app/(core)/learn/page.tsx
+++ b/app/(core)/learn/page.tsx
@@ -1,12 +1,48 @@
+import { Metadata, ResolvingMetadata } from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
+import { absoluteUrl } from '@/utils/urls'
 import { ArrowUpRight } from 'lucide-react'
 
 import { products } from '@/config/products'
+import { Routes } from '@/config/routes'
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import { PageTitle } from '@/components/page-title'
 
+const title = 'formazione'
+const description =
+    'ho creato strumenti e risorse che aiutano centinaia di persone ad imparare a programmare e lanciare la loro carriera.'
+
+type Props = {
+    params: Record<string, never>
+    searchParams: Record<string, never>
+}
+
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
+        title,
+        description,
+        alternates: {
+            canonical: absoluteUrl(Routes.LearningProducts),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(Routes.LearningProducts),
+            title,
+            description,
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+        },
+    }
+}
+
 export default function Page() {
     return (
         <>
diff --git a/app/(core)/posts/[slug]/page.tsx b/app/(core)/posts/[slug]/page.tsx
index 7a0b79e..17120bc 100644
--- a/app/(core)/posts/[slug]/page.tsx
+++ b/app/(core)/posts/[slug]/page.tsx
@@ -1,13 +1,80 @@
+import { Metadata, ResolvingMetadata } from 'next'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
+import { absoluteUrl } from '@/utils/urls'
+import { Article, WithContext } from 'schema-dts'
 
 import { BlogPostSource } from '@/types/blog'
-import { getSubstackPost } from '@/lib/substack'
+import { Routes } from '@/config/routes'
+import { site } from '@/config/site'
+import { getSubstackPost, getSubstackPosts } from '@/lib/substack'
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
 import { Footer } from '@/components/blog/post-footer'
 import { Header } from '@/components/blog/post-header'
 import { ScrollIndicator } from '@/components/scroll-indicator'
 
+type Props = {
+    params: {
+        slug: string
+    }
+}
+
+export async function generateStaticParams() {
+    const posts = await getSubstackPosts()
+    return posts.map((post) => ({
+        slug: post.slug,
+    }))
+}
+
+export async function generateMetadata({ params }: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    const post = await getSubstackPost(params.slug)
+    if (!post) return {}
+
+    const ISOPublishedTime = new Date(post.date).toISOString()
+    const ISOModifiedTime = new Date(post.date).toISOString()
+
+    return {
+        title: post.title,
+        description: post.summary,
+        alternates: {
+            canonical: absoluteUrl(Routes.SubstackBlogPost(params.slug)),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(Routes.SubstackBlogPost(params.slug)),
+            type: 'article',
+            title: post.title,
+            siteName: site.title,
+            description: post.summary,
+            locale: 'it-IT',
+            publishedTime: ISOPublishedTime,
+            modifiedTime: ISOModifiedTime,
+            authors: site.url,
+            images: [
+                {
+                    url: post.image,
+                    alt: post.summary,
+                    type: 'image/png',
+                },
+            ],
+        },
+        twitter: {
+            ...previousTwitter,
+            title: post.title,
+            description: post.summary,
+            images: [
+                {
+                    url: post.image,
+                    alt: post.summary,
+                },
+            ],
+        },
+    }
+}
+
 export default async function BlogPostPage({ params: { slug } }: { params: { slug: string } }) {
     const post = await getSubstackPost(slug)
 
@@ -15,8 +82,31 @@ export default async function BlogPostPage({ params: { slug } }: { params: { slu
         notFound()
     }
 
+    const jsonLd: WithContext<Article> = {
+        '@context': 'https://schema.org',
+        '@type': 'Article',
+
+        'headline': post.title,
+        'description': post.summary,
+        'datePublished': post.date.toISOString(),
+        'dateModified': post.date.toISOString(),
+        'image': post.image,
+        'author': {
+            '@type': 'Person',
+            'name': post.author.name,
+            'url': post.author.url,
+        },
+        'publisher': {
+            '@type': 'Person',
+            'name': post.author.name,
+            'url': post.author.url,
+        },
+    }
+
     return (
         <>
+            <script type='application/ld+json' dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
+
             <Header
                 createdAt={post.date}
                 title={post.title}
diff --git a/app/(core)/projects/[slug]/page.tsx b/app/(core)/projects/[slug]/page.tsx
index e8fdfae..32661ef 100644
--- a/app/(core)/projects/[slug]/page.tsx
+++ b/app/(core)/projects/[slug]/page.tsx
@@ -34,18 +34,18 @@ export const generateMetadata = (props: Props): Metadata => {
         title: project.name,
         description: project.description,
         alternates: {
-            canonical: `${site.url}/projects/${params.slug}`,
+            canonical: absoluteUrl(Routes.Project(params.slug)),
         },
         openGraph: {
-            url: `${site.url}/projects/${params.slug}`,
+            url: absoluteUrl(Routes.Project(params.slug)),
             type: 'website',
             title: project.name,
-            siteName: site.name,
+            siteName: site.title,
             description: project.description,
             locale: 'it-IT',
             images: [
                 {
-                    url: `${site.url}${project.image}`,
+                    url: absoluteUrl(project.image ?? '/images/og/og.png'),
                     width: 1200,
                     height: 630,
                     alt: project.description,
diff --git a/app/(core)/projects/page.tsx b/app/(core)/projects/page.tsx
index 8f457ac..b2b1965 100644
--- a/app/(core)/projects/page.tsx
+++ b/app/(core)/projects/page.tsx
@@ -1,11 +1,46 @@
+import { Metadata, ResolvingMetadata } from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
+import { absoluteUrl } from '@/utils/urls'
 import { allProjects } from 'contentlayer/generated'
 
 import { Routes } from '@/config/routes'
 import { PageTitle } from '@/components/page-title'
 import { ProjectCollabCard } from '@/components/project-collab-card'
 
+const title = 'progetti'
+const description =
+    'esplora i progetti che ho realizzato in passato. Alcuni progetti sono nati da un mio bisogno personale, mentre altri sono frutto di collaborazioni con brillanti imprenditori motivati a trasformare le idee in realtà.'
+
+type Props = {
+    params: Record<string, never>
+    searchParams: Record<string, never>
+}
+
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
+        title,
+        description,
+        alternates: {
+            canonical: absoluteUrl(Routes.Projects),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(Routes.Projects),
+            title,
+            description,
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+        },
+    }
+}
+
 export default function Page() {
     return (
         <>
diff --git a/app/(core)/services/page.tsx b/app/(core)/services/page.tsx
index ac2c1cb..342aacb 100644
--- a/app/(core)/services/page.tsx
+++ b/app/(core)/services/page.tsx
@@ -1,4 +1,6 @@
+import { Metadata, ResolvingMetadata } from 'next'
 import Link from 'next/link'
+import { absoluteUrl } from '@/utils/urls'
 
 import { Routes } from '@/config/routes'
 import { services } from '@/config/services'
@@ -8,6 +10,39 @@ import { Testimonials } from '@/components/home/testimonials'
 import { Icon } from '@/components/icon'
 import { PageTitle } from '@/components/page-title'
 
+const title = 'servizi'
+const description =
+    'esplora i servizi che offro per aziende e imprenditori. Voglio dare la direzione necessaria per aiutare un imprenditore a raggiungere qualsiasi tipo di successo'
+
+type Props = {
+    params: Record<string, never>
+    searchParams: Record<string, never>
+}
+
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
+        title,
+        description,
+        alternates: {
+            canonical: absoluteUrl(Routes.Services),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(Routes.Services),
+            title,
+            description,
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+        },
+    }
+}
+
 export default function Page() {
     return (
         <>
diff --git a/app/(marketing)/programmatore-leggendario/layout.tsx b/app/(marketing)/programmatore-leggendario/layout.tsx
index bf773fc..3ac54a2 100644
--- a/app/(marketing)/programmatore-leggendario/layout.tsx
+++ b/app/(marketing)/programmatore-leggendario/layout.tsx
@@ -1,17 +1,66 @@
 import * as React from 'react'
+import { Metadata, ResolvingMetadata } from 'next'
+import { absoluteUrl } from '@/utils/urls'
 
 import { HeaderLinks } from '@/config/pl'
+import { PlRoutes } from '@/config/routes'
 import Footer from '@/components/marketing/footer'
 import Header from '@/components/marketing/header'
 
 import LogoForLightMode from '/public/images/products/pl-logo-black.webp'
 import LogoForDarkMode from '/public/images/products/pl-logo.webp'
 
-type LayoutProps = {
+const title = 'Programmatore Leggendario'
+const description =
+    'Il corso pluripremiato ✨ per imparare le fondamenta e la mentalità della programmazione. Adatto a tutti i livelli, al costo di una cena.'
+
+type Props = {
     children: React.ReactNode
 }
 
-const Layout = ({ children }: LayoutProps) => {
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
+        title,
+        description,
+        alternates: {
+            canonical: absoluteUrl(PlRoutes.Home),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(PlRoutes.Home),
+            title,
+            description,
+            images: [
+                {
+                    url: absoluteUrl('/images/og/pl.png'),
+                    width: 1200,
+                    height: 630,
+                    alt: description,
+                    type: 'image/png',
+                },
+            ],
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+            images: [
+                {
+                    url: absoluteUrl('/images/og/pl.png'),
+                    width: 1200,
+                    height: 630,
+                    alt: description,
+                    type: 'image/png',
+                },
+            ],
+        },
+    }
+}
+
+const Layout = ({ children }: Props) => {
     return (
         <>
             <Header
diff --git a/app/(marketing)/tcb/layout.tsx b/app/(marketing)/tcb/layout.tsx
index f34e3c0..94d88e8 100644
--- a/app/(marketing)/tcb/layout.tsx
+++ b/app/(marketing)/tcb/layout.tsx
@@ -1,16 +1,65 @@
 import * as React from 'react'
+import { Metadata, ResolvingMetadata } from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
+import { absoluteUrl } from '@/utils/urls'
 
+import { PlRoutes } from '@/config/routes'
 import Footer from '@/components/marketing/footer'
 
 import LogoImage from '/public/images/products/tcb-logo.webp'
 
-type LayoutProps = {
+const title = 'Tech Career Boost'
+const description =
+    'Un percorso di 4 settimane con Matteo Giardino, un mentore esperto che ti fornirà una preparazione a 360° e personalizzata per fare il salto di carriera.'
+
+type Props = {
     children: React.ReactNode
 }
 
-const Layout = ({ children }: LayoutProps) => {
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
+        title,
+        description,
+        alternates: {
+            canonical: absoluteUrl(PlRoutes.Home),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(PlRoutes.Home),
+            title,
+            description,
+            images: [
+                {
+                    url: absoluteUrl('/images/og/og.png'),
+                    width: 1200,
+                    height: 630,
+                    alt: description,
+                    type: 'image/png',
+                },
+            ],
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+            images: [
+                {
+                    url: absoluteUrl('/images/og/og.png'),
+                    width: 1200,
+                    height: 630,
+                    alt: description,
+                    type: 'image/png',
+                },
+            ],
+        },
+    }
+}
+
+const Layout = ({ children }: Props) => {
     return (
         <>
             <header className='fixed inset-x-0 top-0 z-40 bg-white/80 shadow-sm saturate-[1.8] backdrop-blur-[10px] dark:bg-black/80 dark:saturate-100'>
diff --git a/app/(marketing)/tcl/layout.tsx b/app/(marketing)/tcl/layout.tsx
index 66961ba..2358fc4 100644
--- a/app/(marketing)/tcl/layout.tsx
+++ b/app/(marketing)/tcl/layout.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react'
+import { Metadata, ResolvingMetadata } from 'next'
+import { absoluteUrl } from '@/utils/urls'
 
-import { TclRoutes } from '@/config/routes'
+import { PlRoutes, TclRoutes } from '@/config/routes'
 import { HeaderLinks } from '@/config/tcl'
 import Footer from '@/components/marketing/footer'
 import Header from '@/components/marketing/header'
@@ -8,11 +10,57 @@ import Header from '@/components/marketing/header'
 import LogoForLightMode from '/public/images/products/tcl-logo-black.webp'
 import LogoForDarkMode from '/public/images/products/tcl-logo.webp'
 
-type LayoutProps = {
+const title = 'Tech Career Launch'
+const description =
+    'Un percorso di 4 settimane con Matteo Giardino, un mentore esperto che ti fornirà una preparazione a 360° e personalizzata per superare i colloqui di lavoro.'
+
+type Props = {
     children: React.ReactNode
 }
 
-const Layout = ({ children }: LayoutProps) => {
+export async function generateMetadata(_: Props, parent: ResolvingMetadata): Promise<Metadata> {
+    const previousOpenGraph = (await parent)?.openGraph ?? {}
+    const previousTwitter = (await parent)?.twitter ?? {}
+
+    return {
+        title,
+        description,
+        alternates: {
+            canonical: absoluteUrl(PlRoutes.Home),
+        },
+        openGraph: {
+            ...previousOpenGraph,
+            url: absoluteUrl(PlRoutes.Home),
+            title,
+            description,
+            images: [
+                {
+                    url: absoluteUrl('/images/og/tcl.png'),
+                    width: 1200,
+                    height: 630,
+                    alt: description,
+                    type: 'image/png',
+                },
+            ],
+        },
+        twitter: {
+            ...previousTwitter,
+            title,
+            description,
+            images: [
+                {
+                    url: absoluteUrl('/images/og/tcl.png'),
+                    width: 1200,
+                    height: 630,
+                    alt: description,
+                    type: 'image/png',
+                },
+            ],
+        },
+    }
+}
+
+const Layout = ({ children }: Props) => {
     return (
         <>
             <Header
diff --git a/app/layout.tsx b/app/layout.tsx
index 691f5b0..965a246 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,4 @@
-import type { Metadata } from 'next'
+import type { Metadata, Viewport } from 'next'
 import { Inter } from 'next/font/google'
 import localFont from 'next/font/local'
 
@@ -6,7 +6,9 @@ import '../styles/globals.css'
 
 import { Toaster } from 'sonner'
 
+import { site, siteBaseMetadata } from '@/config/site'
 import { cn } from '@/lib/utils'
+import { ProgressProvider } from '@/components/progress-provider'
 import { TailwindIndicator } from '@/components/tailwind-indicator'
 import { ThemeProvider } from '@/components/theme-provider'
 
@@ -36,8 +38,25 @@ const biotif = localFont({
 })
 
 export const metadata: Metadata = {
-    title: 'Create Next App',
-    description: 'Generated by create next app',
+    ...siteBaseMetadata,
+    metadataBase: new URL(site.url),
+    title: {
+        template: `%s | ${site.title}`,
+        default: site.title,
+    },
+}
+
+export const viewport: Viewport = {
+    themeColor: [
+        {
+            media: '(prefers-color-scheme: light)',
+            color: '#ffffff',
+        },
+        {
+            media: '(prefers-color-scheme: dark)',
+            color: '#000000',
+        },
+    ],
 }
 
 export default function RootLayout({
@@ -49,9 +68,11 @@ export default function RootLayout({
         <html lang='it-IT'>
             <body className={cn(inter.className, biotif.className)}>
                 <ThemeProvider attribute='class' defaultTheme='dark' enableSystem={false}>
-                    {children}
-                    <Toaster />
-                    <TailwindIndicator />
+                    <ProgressProvider>
+                        {children}
+                        <Toaster />
+                        <TailwindIndicator />
+                    </ProgressProvider>
                 </ThemeProvider>
             </body>
         </html>
diff --git a/app/robots.ts b/app/robots.ts
new file mode 100644
index 0000000..45e4c53
--- /dev/null
+++ b/app/robots.ts
@@ -0,0 +1,17 @@
+import { site } from '@/config/site'
+
+const robots = () => {
+    return {
+        rules: [
+            {
+                userAgent: '*',
+                allow: ['/'],
+                disallow: ['/404', '/500', '/api/*'],
+            },
+        ],
+        sitemap: `${site.url}/sitemap.xml`,
+        host: `${site.url}`,
+    }
+}
+
+export default robots
diff --git a/app/rss.xml/route.ts b/app/rss.xml/route.ts
new file mode 100644
index 0000000..0a6cd06
--- /dev/null
+++ b/app/rss.xml/route.ts
@@ -0,0 +1,37 @@
+import { NextResponse } from 'next/server'
+import { absoluteUrl } from '@/utils/urls'
+import RSS from 'rss'
+
+import { site } from '@/config/site'
+import { getAllBlogPosts } from '@/lib/blog'
+
+export const GET = async () => {
+    const feed = new RSS({
+        title: "Matteo Giardino's Blog",
+        description: "Matteo Giardino's personal website and blog",
+        site_url: `${site.url}`,
+        feed_url: `${site.url}/feed.xml`,
+        language: 'it-IT',
+        image_url: `${site.url}/images/og/og.png`,
+    })
+
+    const allBlogPosts = await getAllBlogPosts()
+
+    const allPosts = allBlogPosts.sort((a, b) => Number(new Date(b.date)) - Number(new Date(a.date)))
+
+    allPosts.map(({ title, summary, date, url, author }) => {
+        feed.item({
+            title: title,
+            url: absoluteUrl(url),
+            date: date,
+            description: summary,
+            author: author.name,
+        })
+    })
+
+    return new NextResponse(feed.xml({ indent: true }), {
+        headers: {
+            'Content-Type': 'application/xml',
+        },
+    })
+}
diff --git a/app/sitemap.ts b/app/sitemap.ts
new file mode 100644
index 0000000..21de1c2
--- /dev/null
+++ b/app/sitemap.ts
@@ -0,0 +1,37 @@
+import { absoluteUrl } from '@/utils/urls'
+import { allPages, allProjects } from 'contentlayer/generated'
+
+import { PlRoutes, Routes, TcbRoutes, TclRoutes } from '@/config/routes'
+import { getAllBlogPosts } from '@/lib/blog'
+
+const sitemap = async () => {
+    const blogPages = (await getAllBlogPosts()).map((post) => post.url)
+
+    const cmsPages = allPages.map((page) => `/${page.slug}`)
+
+    const projectPages = allProjects.map((project) => Routes.Project(project.slug))
+
+    const routes = [
+        Routes.Home,
+        Routes.Blog,
+        Routes.Contact,
+        Routes.Projects,
+        Routes.Services,
+        Routes.LearningProducts,
+
+        TcbRoutes.Home,
+        TclRoutes.Home,
+        PlRoutes.Home,
+
+        ...blogPages,
+        ...cmsPages,
+        ...projectPages,
+    ].map((route) => ({
+        url: absoluteUrl(route),
+        lastModified: new Date().toISOString().split('T')[0],
+    }))
+
+    return routes
+}
+
+export default sitemap
diff --git a/components/progress-provider.tsx b/components/progress-provider.tsx
new file mode 100644
index 0000000..bb141f5
--- /dev/null
+++ b/components/progress-provider.tsx
@@ -0,0 +1,12 @@
+'use client'
+
+import { AppProgressBar as ProgressBar } from 'next-nprogress-bar'
+
+export function ProgressProvider({ children }: Readonly<{ children: React.ReactNode }>) {
+    return (
+        <>
+            {children}
+            <ProgressBar height='4px' color={'#06b6d4'} options={{ showSpinner: false }} shallowRouting />
+        </>
+    )
+}
diff --git a/config/routes.ts b/config/routes.ts
index b1c793e..fbe64a2 100644
--- a/config/routes.ts
+++ b/config/routes.ts
@@ -26,8 +26,7 @@ export const TcbRoutes = {
 }
 
 export const Routes = {
-    Home: '/',
-    About: '/about',
+    Home: '',
     Blog: '/blog',
     Contact: '/contacts',
     Projects: '/projects',
diff --git a/config/site.ts b/config/site.ts
index 40578e4..de3dc61 100644
--- a/config/site.ts
+++ b/config/site.ts
@@ -1,38 +1,154 @@
-import { type IconDescriptor } from 'next/dist/lib/metadata/types/metadata-types'
+import { Metadata } from 'next'
 
 type Site = {
-    url: string
-    logo: string
     title: string
-    name: string
-    keywords: string[]
-    titleTemplate: string
     description: string
-    githubUsername: string
-    favicons: IconDescriptor[]
+    url: string
+    logo: string
 }
 
 export const site: Site = {
-    url: process.env.NODE_ENV === 'production' ? 'https://matteogiardino.com' : 'http://localhost:3000',
-    logo: 'https://matteogiardino.com/images/mg-logo-white.webp',
     title: 'Matteo Giardino',
-    name: 'Matteo Giardino',
-    keywords: ['Matteo Giardino', 'Next.js', 'React', 'TypeScript', 'Node.js', 'TikTok', 'Programmazione'],
-    titleTemplate: '- Matteo Giardino',
     description: 'Matteo Giardino è un Educatore, Sviluppatore ed Imprenditore di Torino.',
-    githubUsername: 'gatteo',
-    favicons: [
+    url: process.env.NODE_ENV === 'production' ? 'https://matteogiardino.com' : 'http://localhost:3002',
+    logo: 'https://matteogiardino.com/images/mg-logo-white.webp',
+}
+
+export const siteBaseMetadata: Metadata = {
+    title: site.title,
+    description: site.description,
+    applicationName: 'Matteo Giardino',
+    referrer: 'origin-when-cross-origin',
+    keywords: [
+        'Matteo Giardino',
+        'Next.js',
+        'React',
+        'TypeScript',
+        'Node.js',
+        'TikTok',
+        'Programmazione',
+        'Sviluppo',
+        'CTO',
+        'Tecnologia',
+    ],
+    authors: [{ name: 'Matteo Giardino', url: 'https://matteogiardino.com' }],
+    creator: 'Matteo Giardino',
+    publisher: 'Matteo Giardino',
+    formatDetection: {
+        email: true,
+        address: true,
+        telephone: true,
+    },
+    openGraph: {
+        url: site.url,
+        type: 'website',
+        title: site.title,
+        siteName: site.title,
+        description: site.description,
+        locale: 'it-IT',
+        images: [
+            {
+                url: `${site.url}/images/og/og.png`,
+                width: 1200,
+                height: 630,
+                alt: site.description,
+                type: 'image/png',
+            },
+        ],
+    },
+    robots: {
+        index: true,
+        follow: true,
+        googleBot: {
+            'index': true,
+            'follow': true,
+            'max-video-preview': -1,
+            'max-image-preview': 'large',
+            'max-snippet': -1,
+        },
+    },
+    icons: {
+        icon: '/images/favicon/favicon.ico',
+        shortcut: '/images/favicon/favicon.ico',
+        apple: [
+            {
+                url: '/images/favicon/apple-icon-60x60.png',
+                sizes: '60x60',
+                type: 'image/png',
+            },
+            {
+                url: '/images/favicon/apple-icon-120x120.png',
+                sizes: '120x120',
+                type: 'image/png',
+            },
+            {
+                url: '/images/favicon/apple-icon-180x180.png',
+                sizes: '180x180',
+                type: 'image/png',
+            },
+        ],
+        other: [
+            {
+                rel: 'apple-touch-icon-precomposed',
+                url: '/images/favicon/apple-icon-precomposed.png',
+            },
+            {
+                rel: 'icon',
+                type: 'image/png',
+                sizes: '16x16',
+                url: '/images/favicon/favicon-16x16.png',
+            },
+            {
+                rel: 'icon',
+                type: 'image/png',
+                sizes: '32x32',
+                url: '/images/favicon/favicon-32x32.png',
+            },
+            {
+                rel: 'icon',
+                type: 'image/png',
+                sizes: '96x96',
+                url: '/images/favicon/favicon-96x96.png',
+            },
+        ],
+    },
+    themeColor: [
         {
-            rel: 'icon',
-            type: 'image/png',
-            sizes: '16x16',
-            url: '/favicon/favicon-16x16.png',
+            media: '(prefers-color-scheme: light)',
+            color: '#ffffff',
         },
         {
-            rel: 'icon',
-            type: 'image/png',
-            sizes: '32x32',
-            url: '/favicon/favicon-32x32.png',
+            media: '(prefers-color-scheme: dark)',
+            color: '#000000',
         },
     ],
+    manifest: '/static/favicon/manifest.json',
+    twitter: {
+        card: 'summary_large_image',
+        title: site.title,
+        description: site.description,
+        site: '@mattegiardino',
+        creator: '@mattegiardino',
+        images: [
+            {
+                url: `${site.url}/images/og/og.png`,
+                width: 1200,
+                height: 630,
+                alt: site.description,
+            },
+        ],
+    },
+    // verification: {
+    //     google: 'google-site-verification-id',
+    // },
+    alternates: {
+        canonical: site.url,
+        languages: {
+            'en-US': 'https://matteogiardino.com/en-US',
+        },
+        types: {
+            'application/rss+xml': `${site.url}/rss.xml`,
+        },
+    },
+    category: 'technology',
 }
diff --git a/lib/blog.ts b/lib/blog.ts
index d708780..49af4e4 100644
--- a/lib/blog.ts
+++ b/lib/blog.ts
@@ -29,6 +29,7 @@ export function getLocalBlogPosts({ limit }: Options = {}): BlogPostPreview[] {
             source: BlogPostSource.Local,
             url: Routes.LocalBlogPost(post.slug),
             tags: post.tags,
+            author: post.author,
         }))
 }
 
diff --git a/lib/substack.ts b/lib/substack.ts
index a4740da..1ec59dc 100644
--- a/lib/substack.ts
+++ b/lib/substack.ts
@@ -54,7 +54,13 @@ type SubstackPostPreview = {
     longer_truncated_body_html: unknown
     truncated_body_text: string
     wordcount: number
-    postTags: unknown[]
+    postTags: {
+        id: string
+        pubblication_id: string
+        name: string
+        slug: string
+        hidden: boolean
+    }[]
     publishedBylines: Array<{
         id: number
         name: string
@@ -118,6 +124,8 @@ export async function getSubstackPosts(): Promise<BlogPostPreview[]> {
             source: BlogPostSource.Substack,
             url: Routes.SubstackBlogPost(post.slug),
             reactionsCount: post.reaction_count,
+            tags: post.postTags.map((tag) => tag.name),
+            author: BlogAuthors[0],
         }))
     } catch (error) {
         console.error(error)
diff --git a/package.json b/package.json
index 313efb1..531e646 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
         "next": "14.1.1",
         "next-contentlayer": "^0.3.4",
         "next-mdx-remote": "^4.4.1",
+        "next-nprogress-bar": "^2.3.4",
         "next-themes": "^0.2.1",
         "party-js": "^2.2.0",
         "react": "^18",
@@ -57,6 +58,7 @@
         "rehype-pretty-code": "^0.13.0",
         "remark": "^15.0.1",
         "remark-gfm": "^3.0.1",
+        "rss": "^1.2.2",
         "schema-dts": "^1.1.2",
         "shiki": "^1.1.7",
         "slugify": "^1.6.6",
@@ -75,6 +77,7 @@
         "@types/node": "^20",
         "@types/react": "^18",
         "@types/react-dom": "^18",
+        "@types/rss": "^0.0.32",
         "@typescript-eslint/eslint-plugin": "^7.1.0",
         "autoprefixer": "^10.0.1",
         "concurrently": "^8.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3d3777b..0fc292a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -104,6 +104,9 @@ dependencies:
   next-mdx-remote:
     specifier: ^4.4.1
     version: 4.4.1(react-dom@18.2.0)(react@18.2.0)
+  next-nprogress-bar:
+    specifier: ^2.3.4
+    version: 2.3.4
   next-themes:
     specifier: ^0.2.1
     version: 0.2.1(next@14.1.1)(react-dom@18.2.0)(react@18.2.0)
@@ -131,6 +134,9 @@ dependencies:
   remark-gfm:
     specifier: ^3.0.1
     version: 3.0.1
+  rss:
+    specifier: ^1.2.2
+    version: 1.2.2
   schema-dts:
     specifier: ^1.1.2
     version: 1.1.2(typescript@5.3.3)
@@ -181,6 +187,9 @@ devDependencies:
   '@types/react-dom':
     specifier: ^18
     version: 18.2.19
+  '@types/rss':
+    specifier: ^0.0.32
+    version: 0.0.32
   '@typescript-eslint/eslint-plugin':
     specifier: ^7.1.0
     version: 7.1.0(@typescript-eslint/parser@7.1.0)(eslint@8.57.0)(typescript@5.3.3)
@@ -2734,6 +2743,10 @@ packages:
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
     dev: false
 
+  /@types/rss@0.0.32:
+    resolution: {integrity: sha512-2oKNqKyUY4RSdvl5eZR1n2Q9yvw3XTe3mQHsFPn9alaNBxfPnbXBtGP8R0SV8pK1PrVnLul0zx7izbm5/gF5Qw==}
+    dev: true
+
   /@types/scheduler@0.16.8:
     resolution: {integrity: sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==}
 
@@ -5995,6 +6008,18 @@ packages:
       braces: 3.0.2
       picomatch: 2.3.1
 
+  /mime-db@1.25.0:
+    resolution: {integrity: sha512-5k547tI4Cy+Lddr/hdjNbBEWBwSl8EBc5aSdKvedav8DReADgWJzcYiktaRIw3GtGC1jjwldXtTzvqJZmtvC7w==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /mime-types@2.1.13:
+    resolution: {integrity: sha512-ryBDp1Z/6X90UvjUK3RksH0IBPM137T7cmg4OgD5wQBojlAiUwuok0QeELkim/72EtcYuNlmbkrcGuxj3Kl0YQ==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.25.0
+    dev: false
+
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -6085,6 +6110,12 @@ packages:
       - supports-color
     dev: false
 
+  /next-nprogress-bar@2.3.4:
+    resolution: {integrity: sha512-R4okQiaMIw5yFIq9SjBkQ0TPv7UVSkR5fWt7tauO2gQYW+62Wyq3kK8M40VtrwO42xJ1anEevDBxM88wb9ZE7g==}
+    dependencies:
+      nprogress: 0.2.0
+    dev: false
+
   /next-themes@0.2.1(next@14.1.1)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==}
     peerDependencies:
@@ -6170,6 +6201,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /nprogress@0.2.0:
+    resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
+    dev: false
+
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -6849,6 +6884,13 @@ packages:
       glob: 7.2.3
     dev: true
 
+  /rss@1.2.2:
+    resolution: {integrity: sha512-xUhRTgslHeCBeHAqaWSbOYTydN2f0tAzNXvzh3stjz7QDhQMzdgHf3pfgNIngeytQflrFPfy6axHilTETr6gDg==}
+    dependencies:
+      mime-types: 2.1.13
+      xml: 1.0.1
+    dev: false
+
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
@@ -7759,6 +7801,10 @@ packages:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
 
+  /xml@1.0.1:
+    resolution: {integrity: sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw==}
+    dev: false
+
   /y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
diff --git a/public/images/favicon/android-icon-144x144.png b/public/images/favicon/android-icon-144x144.png
new file mode 100644
index 0000000..0cf5ec9
Binary files /dev/null and b/public/images/favicon/android-icon-144x144.png differ
diff --git a/public/images/favicon/android-icon-192x192.png b/public/images/favicon/android-icon-192x192.png
new file mode 100644
index 0000000..8925b07
Binary files /dev/null and b/public/images/favicon/android-icon-192x192.png differ
diff --git a/public/images/favicon/android-icon-36x36.png b/public/images/favicon/android-icon-36x36.png
new file mode 100644
index 0000000..ad41a93
Binary files /dev/null and b/public/images/favicon/android-icon-36x36.png differ
diff --git a/public/images/favicon/android-icon-48x48.png b/public/images/favicon/android-icon-48x48.png
new file mode 100644
index 0000000..7ce6424
Binary files /dev/null and b/public/images/favicon/android-icon-48x48.png differ
diff --git a/public/images/favicon/android-icon-72x72.png b/public/images/favicon/android-icon-72x72.png
new file mode 100644
index 0000000..113eb94
Binary files /dev/null and b/public/images/favicon/android-icon-72x72.png differ
diff --git a/public/images/favicon/android-icon-96x96.png b/public/images/favicon/android-icon-96x96.png
new file mode 100644
index 0000000..dfd243c
Binary files /dev/null and b/public/images/favicon/android-icon-96x96.png differ
diff --git a/public/images/favicon/apple-icon-120x120.png b/public/images/favicon/apple-icon-120x120.png
new file mode 100644
index 0000000..f88d982
Binary files /dev/null and b/public/images/favicon/apple-icon-120x120.png differ
diff --git a/public/images/favicon/apple-icon-180x180.png b/public/images/favicon/apple-icon-180x180.png
new file mode 100644
index 0000000..ced1f05
Binary files /dev/null and b/public/images/favicon/apple-icon-180x180.png differ
diff --git a/public/images/favicon/apple-icon-60x60.png b/public/images/favicon/apple-icon-60x60.png
new file mode 100644
index 0000000..ce1707f
Binary files /dev/null and b/public/images/favicon/apple-icon-60x60.png differ
diff --git a/public/images/favicon/apple-icon-precomposed.png b/public/images/favicon/apple-icon-precomposed.png
new file mode 100644
index 0000000..60df431
Binary files /dev/null and b/public/images/favicon/apple-icon-precomposed.png differ
diff --git a/public/images/favicon/apple-icon.png b/public/images/favicon/apple-icon.png
new file mode 100644
index 0000000..60df431
Binary files /dev/null and b/public/images/favicon/apple-icon.png differ
diff --git a/public/images/favicon/browserconfig.xml b/public/images/favicon/browserconfig.xml
new file mode 100644
index 0000000..df0ee89
--- /dev/null
+++ b/public/images/favicon/browserconfig.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/images/favicon/ms-icon-70x70.png"/>
+            <square150x150logo src="/images/favicon/ms-icon-150x150.png"/>
+            <square310x310logo src="/images/favicon/ms-icon-310x310.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
\ No newline at end of file
diff --git a/public/images/favicon/favicon-16x16.png b/public/images/favicon/favicon-16x16.png
new file mode 100644
index 0000000..ff5e0fb
Binary files /dev/null and b/public/images/favicon/favicon-16x16.png differ
diff --git a/public/images/favicon/favicon-32x32.png b/public/images/favicon/favicon-32x32.png
new file mode 100644
index 0000000..7c579c3
Binary files /dev/null and b/public/images/favicon/favicon-32x32.png differ
diff --git a/public/images/favicon/favicon-96x96.png b/public/images/favicon/favicon-96x96.png
new file mode 100644
index 0000000..dfd243c
Binary files /dev/null and b/public/images/favicon/favicon-96x96.png differ
diff --git a/public/images/favicon/favicon.ico b/public/images/favicon/favicon.ico
new file mode 100644
index 0000000..bd6d043
Binary files /dev/null and b/public/images/favicon/favicon.ico differ
diff --git a/public/images/favicon/manifest.json b/public/images/favicon/manifest.json
new file mode 100644
index 0000000..657803d
--- /dev/null
+++ b/public/images/favicon/manifest.json
@@ -0,0 +1,41 @@
+{
+    "name": "Matteo Giardino",
+    "icons": [
+        {
+            "src": "/images/favicon/android-icon-36x36.png",
+            "sizes": "36x36",
+            "type": "image/png",
+            "density": "0.75"
+        },
+        {
+            "src": "/images/favicon/android-icon-48x48.png",
+            "sizes": "48x48",
+            "type": "image/png",
+            "density": "1.0"
+        },
+        {
+            "src": "/images/favicon/android-icon-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png",
+            "density": "1.5"
+        },
+        {
+            "src": "/images/favicon/android-icon-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png",
+            "density": "2.0"
+        },
+        {
+            "src": "/images/favicon/android-icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png",
+            "density": "3.0"
+        },
+        {
+            "src": "/images/favicon/android-icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "density": "4.0"
+        }
+    ]
+}
diff --git a/public/images/favicon/ms-icon-144x144.png b/public/images/favicon/ms-icon-144x144.png
new file mode 100644
index 0000000..0cf5ec9
Binary files /dev/null and b/public/images/favicon/ms-icon-144x144.png differ
diff --git a/public/images/favicon/ms-icon-150x150.png b/public/images/favicon/ms-icon-150x150.png
new file mode 100644
index 0000000..3365332
Binary files /dev/null and b/public/images/favicon/ms-icon-150x150.png differ
diff --git a/public/images/favicon/ms-icon-310x310.png b/public/images/favicon/ms-icon-310x310.png
new file mode 100644
index 0000000..19e5cdb
Binary files /dev/null and b/public/images/favicon/ms-icon-310x310.png differ
diff --git a/public/images/favicon/ms-icon-70x70.png b/public/images/favicon/ms-icon-70x70.png
new file mode 100644
index 0000000..e8595af
Binary files /dev/null and b/public/images/favicon/ms-icon-70x70.png differ
diff --git a/types/blog.ts b/types/blog.ts
index 86ec6e9..1f31548 100644
--- a/types/blog.ts
+++ b/types/blog.ts
@@ -34,6 +34,7 @@ export type BlogPostPreview = {
     source: BlogPostSource
     url: string
     tags?: string[]
+    author: BlogPostAuthor
 }
 
 export type TOC = {