콘텐츠 관리 시스템을 SQLite + 개발 전용 어드민 UI로 전환

Author: jayychoi

.github/workflows/deploy-pages.yml

@@ -23,7 +23,7 @@ jobs:
         with:
           ref: main
 
-      - name: Checkout content
+      - name: Checkout content (blog.db)
         uses: actions/checkout@v4
         with:
           ref: content
@@ -51,24 +51,11 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-nextjs-${{ hashFiles('pnpm-lock.yaml') }}-
 
-      - name: Restore Velite cache
-        uses: actions/cache@v4
-        id: velite-cache
-        with:
-          path: .velite
-          key: ${{ runner.os }}-velite-${{ hashFiles('velite.config.ts', 'content/**') }}
-
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
-      - name: Build content
-        if: steps.velite-cache.outputs.cache-hit != 'true'
-        run: pnpm content
-
       - name: Build
         run: pnpm build
-        env:
-          VELITE_STARTED: "1"
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

.gitignore

@@ -46,4 +46,10 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
+# 빌드 시 자동 생성되는 임시 콘텐츠 디렉토리
+.content-build/
+
+# drizzle 마이그레이션
+/drizzle
+
 .claude

drizzle.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  schema: "./src/db/schema.ts",
+  out: "./drizzle",
+  dialect: "sqlite",
+  dbCredentials: { url: "./content/blog.db" },
+});

next.config.ts

@@ -1,16 +1,21 @@
 import type { NextConfig } from "next";
 
 const isDev = process.argv.indexOf("dev") !== -1;
-const isBuild = process.argv.indexOf("build") !== -1;
 
-if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
+// dev 모드에서만 Velite watch 실행 (build는 package.json 스크립트에서 미리 처리)
+if (!process.env.VELITE_STARTED && isDev) {
   process.env.VELITE_STARTED = "1";
-  import("velite").then((m) => m.build({ watch: isDev, clean: !isDev }));
+  import("velite").then((m) => m.build({ watch: true, clean: false }));
 }
 
+const isProd = process.env.NODE_ENV === "production";
+
 const nextConfig: NextConfig = {
-  output: "export",
+  output: isProd ? "export" : undefined,
   reactCompiler: true,
+  pageExtensions: isProd
+    ? ["tsx", "ts", "jsx", "js"]
+    : ["tsx", "ts", "jsx", "js", "dev.tsx", "dev.ts"],
 };
 
 export default nextConfig;

package.json

@@ -4,12 +4,15 @@
   "private": true,
   "packageManager": "pnpm@10.28.2",
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "pnpm content && next dev",
+    "build": "pnpm content && next build",
     "start": "next start",
     "lint": "biome check",
     "format": "biome format --write && biome check --fix",
-    "content": "velite --clean"
+    "content": "tsx scripts/export-content.ts && velite --clean",
+    "db:generate": "drizzle-kit generate",
+    "db:migrate": "drizzle-kit migrate",
+    "db:studio": "drizzle-kit studio"
   },
   "dependencies": {
     "@giscus/react": "^3.1.0",
@@ -18,29 +21,44 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@shikijs/rehype": "^3.21.0",
     "@tailwindcss/typography": "^0.5.19",
+    "better-sqlite3": "^12.6.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "drizzle-orm": "^0.45.1",
     "fuse.js": "^7.1.0",
     "lucide-react": "^0.563.0",
     "next": "16.1.6",
     "next-themes": "^0.4.6",
     "pretendard": "^1.3.9",
+    "radix-ui": "^1.4.3",
     "react": "19.2.3",
     "react-dom": "19.2.3",
+    "react-markdown": "^10.1.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "shiki": "^3.21.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0"
   },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "better-sqlite3",
+      "esbuild"
+    ]
+  },
   "devDependencies": {
     "@biomejs/biome": "2.2.0",
     "@tailwindcss/postcss": "^4",
+    "@types/better-sqlite3": "^7.6.13",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "babel-plugin-react-compiler": "1.0.0",
+    "drizzle-kit": "^0.31.9",
+    "gray-matter": "^4.0.3",
     "tailwindcss": "^4",
+    "tsx": "^4.21.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5",
     "velite": "^0.3.1"