Update

.gitignore

@@ -29,6 +29,7 @@ yarn-error.log*
 
 # vercel
 .vercel
+/out/
 
 # typescript
 *.tsbuildinfo

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/ThemeSwitcher";
 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/HeroPost";
+import { Intro } from "components/Intro";
+import { MoreStories } from "components/MoreStories";
+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/PostBody";
+import { PostHeader } from "components/PostHeader";
 
 type Params = {
   params: {

components/hero-post.tsx → components/HeroPost.tsx

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

components/more-stories.tsx → components/MoreStories.tsx

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

components/post-body.tsx → components/PostBody.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 → components/PostHeader.tsx

@@ -1,8 +1,8 @@
-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";
+import { Avatar } from "./Avatar";
+import { CoverImage } from "./CoverImage";
+import { DateFormatter } from "./DateFormatter";
+import { PostTitle } from "./PostTitle";
+import { type Author } from "interfaces/author";
 
 type Props = {
   title: string;

components/post-preview.tsx → components/PostPreview.tsx

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

components/alert.tsx

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

components/intro.tsx

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

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";

next.config.mjs

@@ -1,8 +1,6 @@
 import path from "path";
 
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-  output: "export",
-};
+const nextConfig = {};
 
 export default nextConfig;