Takeoff. 서비스 다국어 지원하기 (feat. Next.js 15)

import Link from "next/link";
import Background from "./Background";
 
export default function BenchmarkBanner() {
  return (
    <Link
      className="relative w-full h-24 overflow-hidden flex flex-col items-center justify-center bg-purple-800/20
        rounded-3xl cursor-pointer border-2 border-purple-800/20 shadow-2xl
        hover:border-purple-800/20 hover:shadow-purple-800/20 transition-all duration-150
    "
      href="/benchmarking"
    >
      <h1
        className="text-3xl text-purple-200/90 z-10
      text-shadow-[rgba(255, 255, 255, 0.5)]"
      >
        인공지능 벤치마크
      </h1>
      <p className="text-xs text-purple-100 z-10">
        클릭하여 벤치마크 페이지로 이동
      </p>
      <Background className="absolute w-full h-128" />
    </Link>
  );
}

export const TRANSLATION_CHAT_TEMPLATE = ChatPromptTemplate.fromMessages([
	[
		'system',
		`You are a professional AI content translator specializing in technical and AI-related content. Your task is to translate the given text accurately while maintaining:
 
1. Technical accuracy and terminology
2. Natural flow in the target language
3. Cultural appropriateness
4. Proper formatting and structure
 
## Guidelines:
- Preserve all technical terms and their meanings
- Maintain the original tone and style
- Keep proper nouns, brand names, and URLs unchanged
- Preserve markdown formatting if present
- Ensure the translation sounds natural to native speakers
- For AI/ML terms, use commonly accepted translations in the target language
- Translate the content exactly as written without adding any explanations, interpretations, or embellishments
- Do not insert flowery language, additional context, or editorial comments
- Keep the translation direct and faithful to the original meaning and style
 
## Language Codes:
- en: English
- ko: Korean (한국어)
 
## Output Format:
Please provide the translation in the following JSON format:
{{
  "translatedTitle": "translated title here",
  "translatedContent": "translated content here"
}}`,
	],
	[
		'human',
		`Please translate the following content to {language}:
 
Title: {title}
Content: {content}`,
	],
]);

// 번역 프롬프트 생성 (ChatPromptTemplate 사용)
const promptValue = await getTranslationPrompt(post.title, post.content, language);
 
// AI 모델과 JSON 파서를 연결한 체인 생성
const chain = TranslateService.translator.pipe(new JsonOutputParser<TranslationResult>());
 
// 번역 실행 및 JSON 파싱
const translationResult = (await chain.invoke(promptValue)) as TranslationResult;
 
// 번역 결과 검증
if (!translationResult.translatedTitle || !translationResult.translatedContent) {
    throw new Error('번역 결과가 완전하지 않습니다.');
}
 
return translationResult;

export const aiPostTranslations = sqliteTable('ai_post_translations', {
  id: integer('id').primaryKey({ autoIncrement: true }),
  aiPostId: integer('ai_post_id').references(() => aiPosts.id),
  language: text('language').notNull(),
  title: text('title').notNull(),
  content: text('content').notNull(),
  createdAt: text('created_at').notNull().default(sql`CURRENT_TIMESTAMP`),
  updatedAt: text('updated_at').notNull().default(sql`CURRENT_TIMESTAMP`),
});

export class TranslateService {
    //...
    static async translateAndSaveAiPost(
		aiPostId: number,
		post: { title: string; content: string },
		language: Language,
		forceRetranslate = false
	): Promise<TranslationResult> {
		// 기존 번역 확인 (강제 재번역이 아닌 경우)
		if (!forceRetranslate) {
			const existingTranslation = await this.getExistingTranslation(aiPostId, language);
			if (existingTranslation) {
				return {
					translatedTitle: existingTranslation.title,
					translatedContent: existingTranslation.content,
				};
			}
		}
 
        console.log(`Translating post ${post.title}...`);
		// 새로운 번역 수행
		const translation = await this.translate(post, language);
        console.log(`Translated post ${translation.translatedTitle}...`);
 
		// 번역 결과 저장
		await this.saveAiPostTranslation(aiPostId, language, translation);
        console.log(`Saved translation for post ${post.title}...`);
 
		return translation;
	}
}

// ...
// 포스트 처리
const processedPost = await writer.processPost(result, similarPosts.map((post) => post.content));
logInfo(`Processed post: ${processedPost.title}`, SERVICE_TAG, OPERATION_TAG);
const savedPost = await postManager.savePost(processedPost);
if (savedPost) {
    //.....
    // 번역
    if (config.translate) {
        await TranslateService.translateAndSaveAiPost(savedPost.id, 
            { title: savedPost.title, content: savedPost.content }, 'en', true);
        logInfo(`Translated post`, SERVICE_TAG, OPERATION_TAG);
    }
    // ...
}
// ...