Update

app/layout.tsx

@@ -1,9 +1,9 @@
-import { Footer } from "components/footer";
-import { CMS_NAME, HOME_OG_IMAGE_URL } from "lib/constants";
+import { Footer } from "../components/footer";
+import { CMS_NAME, HOME_OG_IMAGE_URL } from "../lib/constants";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import cn from "classnames";
-import { ThemeSwitcher } from "components/theme-switcher";
+import { ThemeSwitcher } from "../components/theme-switcher";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });

app/page.tsx

@@ -1,8 +1,8 @@
-import { Container } from "components/container";
-import { HeroPost } from "components/hero-post";
-import { Intro } from "components/intro";
-import { MoreStories } from "components/more-stories";
-import { getAllPosts } from "lib/api";
+import { Container } from "../components/container";
+import { HeroPost } from "../components/hero-post";
+import { Intro } from "../components/intro";
+import { MoreStories } from "../components/more-stories";
+import { getAllPosts } from "../lib/api";
 
 export default function Page() {
   const allPosts = getAllPosts();

app/posts/[slug]/page.tsx

@@ -1,13 +1,13 @@
 import { Metadata } from "next";
 import { notFound } from "next/navigation";
-import { getAllPosts, getPostBySlug } from "lib/api";
+import { getAllPosts, getPostBySlug } from "../../../lib/api";
 // import { CMS_NAME } from "@/lib/constants";
-import markdownToHtml from "lib/markdownToHtml";
-import { Alert } from "components/alert";
-import { Container } from "components/container";
-import { Header } from "components/header";
-import { PostBody } from "components/post-body";
-import { PostHeader } from "components/post-header";
+import markdownToHtml from "../../../lib/markdownToHtml";
+import { Alert } from "../../../components/alert";
+import { Container } from "../../../components/container";
+import { Header } from "../../../components/header";
+import { PostBody } from "../../../components/post-body";
+import { PostHeader } from "../../../components/post-header";
 
 type Params = {
   params: {

components/Footer.tsx

@@ -1,4 +1,4 @@
-import { Container } from "components/container";
+import { Container } from "./container";
 // import { EXAMPLE_PATH } from "@/lib/constants";
 
 export function Footer() {

components/alert.tsx

@@ -1,4 +1,4 @@
-import { Container } from "components/container";
+import { Container } from "./container";
 // import { EXAMPLE_PATH } from "@/lib/constants";
 import cn from "classnames";
 

components/hero-post.tsx

@@ -1,8 +1,8 @@
-import { Avatar } from "components/avatar";
-import { CoverImage } from "components/cover-image";
-import { type Author } from "interfaces/author";
+import { Avatar } from "./avatar";
+import { CoverImage } from "./cover-image";
+import { type Author } from "../interfaces/author";
 import Link from "next/link";
-import { DateFormatter } from "components/date-formatter";
+import { DateFormatter } from "./date-formatter";
 
 type Props = {
   title: string;
@@ -29,7 +29,7 @@ export function HeroPost({
       <div className="mb-20 md:mb-28 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8">
         <div>
           <h3 className="mb-4 text-4xl leading-tight lg:text-5xl">
-            <Link href={`/data/${slug}`} className="hover:underline">
+            <Link href={`/posts/${slug}`} className="hover:underline">
               {title}
             </Link>
           </h3>

components/intro.tsx

@@ -1,4 +1,4 @@
-import { CMS_NAME } from "lib/constants";
+import { CMS_NAME } from "../lib/constants";
 
 export function Intro() {
   return (

components/more-stories.tsx

@@ -1,5 +1,5 @@
-import { Post } from "interfaces/post";
-import { PostPreview } from "components/post-preview";
+import { Post } from "../interfaces/post";
+import { PostPreview } from "./post-preview";
 
 type Props = {
   posts: Post[];

components/post-body.tsx

@@ -1,4 +1,4 @@
-import markdownStyles from "styles/markdown-style.module.css";
+import markdownStyles from "../styles/markdown-style.module.css";
 
 type Props = {
   content: string;

components/post-header.tsx

@@ -1,8 +1,8 @@
-import { Avatar } from "components/avatar";
-import { CoverImage } from "components/cover-image";
-import { DateFormatter } from "components/date-formatter";
-import { PostTitle } from "components/post-title";
-import { type Author } from "interfaces/author";
+import { Avatar } from "./avatar";
+import { CoverImage } from "./cover-image";
+import { DateFormatter } from "./date-formatter";
+import { PostTitle } from "./post-title";
+import { type Author } from "../interfaces/author";
 
 type Props = {
   title: string;

components/post-preview.tsx

@@ -1,7 +1,7 @@
-import { type Author } from "interfaces/author";
+import { type Author } from "../interfaces/author";
 import Link from "next/link";
-import { Avatar } from "components/avatar";
-import { CoverImage } from "components/cover-image";
+import { Avatar } from "./avatar";
+import { CoverImage } from "./cover-image";
 import { DateFormatter } from "./date-formatter";
 
 type Props = {

lib/api.ts

@@ -1,4 +1,4 @@
-import { Post } from "interfaces/post";
+import { Post } from "../interfaces/post";
 import fs from "fs";
 import matter from "gray-matter";
 import { join } from "path";