Nextra와 LLMs를 이용한 MCP 기반 블로그 포스트 생성기 구축하기

name: LLM 블로그 포스트 생성기
 
on:
  workflow_dispatch:
    inputs:
      prompt:
        description: "블로그 포스트 주제 또는 요청"
        required: true
        type: string
 
permissions:
  contents: write
 
jobs:
  generate_post:
    runs-on: ubuntu-latest
    steps:
      - name: 저장소 체크아웃
        uses: actions/checkout@v3
      
      - name: jq 설치 (JSON 파싱용)
        run: sudo apt-get -y install jq
 
      - name: OpenAI로 블로그 콘텐츠 생성
        env:
          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
        run: |
          echo "요청 주제: ${{ github.event.inputs.prompt }}"
          REQUEST_DATA=$(jq -n --arg prompt "${{ github.event.inputs.prompt }}" '{
              "model": "gpt-3.5-turbo",
              "messages": [
                {"role": "system", "content": "당신은 기술 블로그 글 작성 도우미입니다. YAML frontmatter (제목, 날짜, 설명)와 내용을 포함하는 MDX 포맷의 블로그 글을 작성하세요."},
                {"role": "user", "content": $prompt}
              ]
            }')
          RESPONSE=$(curl -sS -H "Content-Type: application/json" \
                          -H "Authorization: Bearer $OPENAI_API_KEY" \
                          -d "$REQUEST_DATA" \
                          https://api.openai.com/v1/chat/completions)
          POST_CONTENT=$(echo "$RESPONSE" | jq -r '.choices[0].message.content')
          TIMESTAMP=$(date +"%Y-%m-%d-%H%M")
          FILENAME="posts/llm-post-$TIMESTAMP.mdx"
          echo "$POST_CONTENT" > $FILENAME
 
      - name: 변경사항 커밋 및 푸시
        run: |
          git config user.name "github-actions"
          git config user.email "github-actions@users.noreply.github.com"
          git add posts/*.mdx
          git commit -m "AI 생성 블로그 포스트 추가"
          git push

OPENAI_API_KEY=xxx
GITHUB_PAT=xxx
GITHUB_REPO_OWNER=yourusername
GITHUB_REPO_NAME=nextra-agent-blog

import { Octokit } from "@octokit/rest";
import { Configuration, OpenAIApi } from "openai";
 
export default async function handler(req, res) {
  const { prompt } = req.body;
  if (!prompt) return res.status(400).json({ error: "No prompt" });
  try {
    const openaiConfig = new Configuration({ apiKey: process.env.OPENAI_API_KEY });
    const openai = new OpenAIApi(openaiConfig);
    const completion = await openai.createChatCompletion({
      model: "gpt-3.5-turbo",
      messages: [
        { role: "system", content: "MDX 블로그 포스트 작성자입니다. 제목, 날짜, 설명, 블로그 유형 포함." },
        { role: "user", content: prompt }
      ],
    });
    const mdxText = completion.data.choices[0].message.content;
 
    // 제목 parse
    const titleMatch = mdxText.match(/^title:\s*\"?(.+)\"?/m);
    const title = titleMatch ? titleMatch[1] : "untitled";
    const slug = title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
    const filename = `posts/${slug || "untitled"}-${Date.now()}.mdx`;
 
    // 필요시 frontmatter 수정
    let finalContent = mdxText;
    if (!/^date:\s*/m.test(finalContent)) {
      finalContent = finalContent.replace(/^(title:.*)$/m, `$1\ndate: ${new Date().toISOString()}`);
    }
    if (!/^type:\s*/m.test(finalContent)) {
      finalContent = finalContent.replace(/^(title:.*)$/m, `$1\ntype: posts`);
    }
 
    // GitHub에 커밋
    const octokit = new Octokit({ auth: process.env.GITHUB_PAT });
    await octokit.rest.repos.createOrUpdateFileContents({
      owner: process.env.GITHUB_REPO_OWNER,
      repo: process.env.GITHUB_REPO_NAME,
      path: filename,
      message: `자동 생성: "${title}" 포스트`,
      content: Buffer.from(finalContent, "utf-8").toString("base64"),
      committer: { name: "MCP Bot", email: "mcp-bot@example.com" },
      author: { name: "MCP Bot", email: "mcp-bot@example.com" }
    });
    res.status(200).json({ message: "포스트 생성 완료", filename });
  } catch (err) {
    console.error(err);
    res.status(500).json({ error: err.message });
  }
}