From 3db3d91a4090f617fb9f9c6a210d5f4feb74fc42 Mon Sep 17 00:00:00 2001 From: gahusb Date: Thu, 2 Jul 2026 15:05:31 +0900 Subject: [PATCH] =?UTF-8?q?feat(phase1):=20/showcase=20=EC=A0=9C=EC=9E=91?= =?UTF-8?q?=20=EC=82=AC=EB=A1=80=20=ED=97=88=EB=B8=8C=20+=20TopNav=20?= =?UTF-8?q?=EC=A0=9C=EC=9E=91=20=EC=82=AC=EB=A1=80=20+=20robots=20?= =?UTF-8?q?=EC=A3=BD=EC=9D=80=20=EA=B2=BD=EB=A1=9C=20=EC=A0=95=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.8 (1M context) --- app/components/TopNav.tsx | 1 + app/robots.ts | 2 +- app/showcase/page.tsx | 166 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 168 insertions(+), 1 deletion(-) create mode 100644 app/showcase/page.tsx diff --git a/app/components/TopNav.tsx b/app/components/TopNav.tsx index 0fd4542..4ff5196 100644 --- a/app/components/TopNav.tsx +++ b/app/components/TopNav.tsx @@ -9,6 +9,7 @@ import type { User } from '@supabase/supabase-js'; const LINKS = [ { href: '/outsourcing', label: '외주 개발' }, { href: '/products', label: '소프트웨어' }, + { href: '/showcase', label: '제작 사례' }, ]; export default function TopNav() { diff --git a/app/robots.ts b/app/robots.ts index 4340888..6b252cf 100644 --- a/app/robots.ts +++ b/app/robots.ts @@ -6,7 +6,7 @@ export default function robots(): MetadataRoute.Robots { { userAgent: '*', allow: '/', - disallow: ['/admin/', '/api/', '/mypage/', '/payment/', '/freelance', '/services/website', '/portfolio/'], + disallow: ['/admin/', '/api/', '/mypage/', '/portfolio/'], }, ], sitemap: 'https://jaengseung-made.com/sitemap.xml', diff --git a/app/showcase/page.tsx b/app/showcase/page.tsx new file mode 100644 index 0000000..e4bfb62 --- /dev/null +++ b/app/showcase/page.tsx @@ -0,0 +1,166 @@ +import type { Metadata } from 'next'; +import Link from 'next/link'; +import { SHOWCASE_SAMPLES } from '@/lib/showcase-samples'; + +// 제작 사례 허브 — 웹사이트 데모 8종 + 실서비스 운영 사례. 홈·외주·제품과 동일한 라이트 카드 언어. + +export const metadata: Metadata = { + title: '제작 사례 | 쟁승메이드', + description: '직접 설계·개발한 웹사이트 데모와 실서비스 운영 사례.', +}; + +const KOR_TIGHT = { letterSpacing: '-0.02em' } as const; +const KOR_BODY = { letterSpacing: '-0.01em' } as const; + +// 실운영 서비스(개인 NAS 실서비스 — 외부 링크 없음, 실증 서술만) +const LIVE_SERVICES = [ + { title: '로또 분석 랩', desc: '회차 수집·통계 분석·리포트 자동 생성까지 무인 운영' }, + { title: '주식 자동매매 대시보드', desc: '시세 수집·스크리너·자동 주문을 하나의 콘솔로 운영' }, + { title: 'AI 미디어 파이프라인', desc: '음악·영상·이미지 생성 워커를 큐 기반으로 상시 가동' }, + { title: '여행 사진 갤러리', desc: '수천 장 사진의 지역 분류·썸네일·지도 탐색 자동화' }, +]; + +function ArrowRight() { + return ( + + + + + ); +} + +export default function ShowcasePage() { + return ( + <> + {/* ─── Hero ─── */} +
+
+
+ + + showcase + +

+ 제작 사례 + . +

+

+ 실서비스를 직접 만들고 운영하며 검증한 방식 그대로 만듭니다. +

+
+
+
+ + {/* ─── 웹사이트 데모 ─── */} +
+
+

+ website demo +

+

+ 웹사이트 데모 +

+ +
+ {SHOWCASE_SAMPLES.map((s) => ( +
+

+ {s.title} +

+

+ {s.description} +

+ + {s.tags.length > 0 && ( +
+ {s.tags.map((tag) => ( + + {tag} + + ))} +
+ )} + +
+ + 데모 보기 + + +
+
+ ))} +
+
+
+ + {/* ─── 실서비스 운영 ─── */} +
+
+

+ live services +

+

+ 실서비스 운영 +

+ +
+ {LIVE_SERVICES.map((svc) => ( +
+

+ {svc.title} +

+

+ {svc.desc} +

+
+ ))} +
+ +

+ 위 서비스들은 개인 인프라에서 상시 운영 중인 실제 서비스입니다. +

+
+
+ + {/* ─── CTA ─── */} +
+
+

+ 이런 걸 만들어 드립니다 +

+
+ + 프로젝트 문의 + + +
+
+
+ + ); +}