Merge pull request #316 from 1chooo/refactor/#297

refactor(blog): move POSTS_PER_PAGE to the lib (#297)

apps/web/src/app/blog/page.tsx

@@ -1,20 +1,21 @@
 import Link from "next/link";
 import Image from "next/image";
+import Skeleton from "react-loading-skeleton";
+import { SkeletonTheme } from "react-loading-skeleton";
 import PageHeader from "@/components/page-header";
 import FilterSelectBox from "@/components/blog/filter-select-box";
 import FilterList from "@/components/blog/filter-list";
 import MarkdownRenderer from "@/components/markdown/markdown-renderer";
 import { getBlogPosts } from "@/lib/db/blog";
-import Skeleton, { SkeletonTheme } from "react-loading-skeleton";
+import { POSTS_PER_PAGE } from "@/lib/constants";
+
 import "react-loading-skeleton/dist/skeleton.css";
 
 export const metadata = {
   title: "Blog | Hugo ChunHo Lin (1chooo) | Open Source Enthusiast",
   description: "Read my thoughts on software development, design, and more.",
 };
 
-const POSTS_PER_PAGE = 4;
-
 export default function BlogPage({
   searchParams,
 }: {

apps/web/src/lib/constants.ts

@@ -6,6 +6,8 @@ export const TWITTER_USERNAME = '1chooo___';
 export const LINKEDIN_USERNAME = '1chooo';
 export const EMAIL = '[email protected]';
 
+export const POSTS_PER_PAGE = 4;
+
 export const DEVOPS = {
   linux: "linux",
   aws: "aws",