diff --git a/components/cover-image.tsx b/components/cover-image.tsx
index 3693ef4..daab2ac 100644
--- a/components/cover-image.tsx
+++ b/components/cover-image.tsx
@@ -25,7 +25,7 @@ const CoverImage = ({ title, src, slug, nolazy }: Props) => {
   return (
     <div className="sm:mx-0">
       {slug ? (
-        <Link as={`/posts/${slug}`} href="/posts/[slug]" aria-label={title}>
+        <Link as='/posts/'+slug href="/posts/[slug]" aria-label={title}>
           {image}
         </Link>
       ) : (
diff --git a/components/hero-post.tsx b/components/hero-post.tsx
index b9893c6..b33c77d 100644
--- a/components/hero-post.tsx
+++ b/components/hero-post.tsx
@@ -30,7 +30,7 @@ const HeroPost = ({
         <div>
           <h3 className="mb-4 text-4xl lg:text-5xl leading-tight">
             <Link
-              as={`/posts/${slug}`}
+              as='/posts/'+slug
               href="/posts/[slug]"
               className="hover:underline"
             >
diff --git a/components/post-preview.tsx b/components/post-preview.tsx
index eb8bd59..126a602 100644
--- a/components/post-preview.tsx
+++ b/components/post-preview.tsx
@@ -28,7 +28,7 @@ const PostPreview = ({
       </div>
       <h3 className="text-3xl mb-3 leading-snug">
         <Link
-          as={`/posts/${slug}`}
+          as='/posts/'+slug
           href="/posts/[slug]"
           className="hover:underline"
         >