트렌드 리포트 PWA — 4주 MVP 구현 계획

import { pgTable, serial, text, integer, timestamp, boolean, jsonb } from 'drizzle-orm/pg-core';

export const sources = pgTable('sources', {
  id:        serial('id').primaryKey(),
  name:      text('name').notNull(),
  url:       text('url').notNull(),
  active:    boolean('active').default(true),
});

export const articles = pgTable('articles', {
  id:        serial('id').primaryKey(),
  title:     text('title').notNull(),
  url:       text('url').notNull().unique(),
  sourceId:  integer('source_id'),
  category:  text('category'),     // 리트릿 / F&B / 공간 / 문화·체험 / 기타
  score:     integer('score'),        // 1-10
  summary:   text('summary'),
  comment:   text('comment'),        // 사용자 한 줄 코멘트
  status:    text('status').default('candidate'), // candidate / published / archived
  fetchedAt: timestamp('fetched_at').defaultNow(),
  publishedAt: timestamp('published_at'),
  bookmarked:  boolean('bookmarked').default(false),
  bookmarkFolder: text('bookmark_folder'),
});

export const reports = pgTable('reports', {
  id:        serial('id').primaryKey(),
  kind:      text('kind').notNull(),    // monthly / quarterly
  periodStart: timestamp('period_start'),
  periodEnd:   timestamp('period_end'),
  draft:     text('draft'),            // LLM 초안
  final:     text('final'),            // 사용자 승인본
  status:    text('status').default('draft'),
  publishedAt: timestamp('published_at'),
});

export const subscriptions = pgTable('subscriptions', {
  id:        serial('id').primaryKey(),
  endpoint:  text('endpoint').notNull().unique(),
  keys:      jsonb('keys').notNull(),     // p256dh + auth
  createdAt: timestamp('created_at').defaultNow(),
});

export const settings = pgTable('settings', {
  id:           serial('id').primaryKey(),
  pushHour:     integer('push_hour').default(8),
  pushOnWeekend: boolean('push_on_weekend').default(true),
  categories:   jsonb('categories').default('["리트릿","F&B","공간","문화·체험"]'),
  scoreThreshold: integer('score_threshold').default(6),
});

app/
  layout.tsx              # 글로벌 폰트 + 디자인 시스템 CSS
  page.tsx                # / 홈
  inbox/page.tsx          # /inbox
  archive/page.tsx        # /archive
  bookmarks/page.tsx      # /bookmarks
  reports/[slug]/page.tsx # /reports/2026-05-monthly
  settings/page.tsx       # /settings
  login/page.tsx
  api/
    cron/
      fetch/route.ts      # 매일 06:00 RSS 수집
      digest/route.ts     # 매일 08:00 푸시
      monthly/route.ts    # 매월 1일 09:00
    push/
      subscribe/route.ts
      send/route.ts
    articles/[id]/route.ts # PATCH (status / comment / bookmark)
db/
  schema.ts
  index.ts                # drizzle client
lib/
  rss.ts                  # RSS 파싱
  claude.ts               # Anthropic API
  push.ts                 # web-push wrapper
components/
  Card.tsx
  Callout.tsx
  StatGrid.tsx
  EyebrowLine.tsx
  TagChip.tsx
  CategoryFilter.tsx
public/
  manifest.json
  icon-192.png  icon-512.png
  sw.js                   # service worker
styles/
  globals.css             # 디자인가이드라인 토큰 이식
.env.local
vercel.json               # cron schedules

{
  "crons": [
    { "path": "/api/cron/fetch",   "schedule": "0 21 * * *" },
    { "path": "/api/cron/digest",  "schedule": "0 23 * * *" },
    { "path": "/api/cron/monthly", "schedule": "0 0 1 * *" }
  ]
}

self.addEventListener('push', (e) => {
  const data = e.data?.json() || {};
  e.waitUntil(self.registration.showNotification(data.title || '트렌드', {
    body: data.body,
    icon: '/icon-192.png',
    badge: '/icon-192.png',
    data: { url: data.url || '/' },
  }));
});

self.addEventListener('notificationclick', (e) => {
  e.notification.close();
  e.waitUntil(clients.openWindow(e.notification.data?.url || '/'));
});

const reg = await navigator.serviceWorker.register('/sw.js');
const sub = await reg.pushManager.subscribe({
  userVisibleOnly: true,
  applicationServerKey: VAPID_PUBLIC_KEY,
});
await fetch('/api/push/subscribe', {
  method: 'POST', body: JSON.stringify(sub),
});

# 트렌드 리포트 PWA 개발 의뢰 (1인용 MVP)

[프로젝트 개요]
- 개인용 트렌드 리포트 PWA. 홈화면 아이콘 1개로 진입.
- 매일 / 매월 1일 / 분기 첫날 자동 푸시.
- 사용자 1명 (의뢰인 본인). 화이트리스트 매직 링크 로그인.

[필수 기능]
1. RSS 자동 수집(매일 새벽) + Claude API 분류·요약·점수
2. 후보 검수(스와이프 발행/폐기, 한 줄 코멘트)
3. 매일 8시 Web Push 다이제스트 (iOS 16.4+ / Android 모두)
4. 매월 1일 / 분기 첫날 LLM 자동 초안 → 사용자 검수 → 발행
5. 검색·카테고리 필터·북마크 폴더
6. 다크 모드 + 의뢰인 디자인 시스템 그대로 이식

[기술 스택 지정]
- Next.js 15 + TypeScript + Tailwind + Drizzle + Neon Postgres
- Auth.js (Email Magic Link), Vercel + Vercel Cron, web-push,
- Anthropic API (Haiku 4.5 + Sonnet 4.6)

[제공 자산]
- 디자인 시스템 CSS 토큰 일체 (의뢰인 보유)
- RSS 소스 리스트 10개
- 화면 와이어프레임 (이 문서의 02 섹션)

[기간·예산]
- 4주 MVP, 600~800만원 (논의 가능)
- 추가 변경 시 시간당 X원

[산출물]
- GitHub repo (private) + 배포된 URL + 환경변수 인계 + README
- 1주 무상 버그픽스