자체 개발 및 운영
협회 홈페이지
화성창업성장협회 HASG
Hwaseong Association of Startup Growth
| 구분 | 자체 개발 및 운영 |
|---|---|
| 대상 | 화성창업성장협회 (HASG) |
| 성격 | 지역 창업 생태계 협회 공식 홈페이지 |
| 이용 대상 | 화성시내 소상공인 · 스타트업 · 프리랜서 |
| 메뉴 | 소개 / 활동 / 회원사 + 관리자 |
| 콘텐츠 유형 | 협회소식 · 활동게시판 · 지원사업 · 회원사 |
| 회원사 | 21개사회원사 화면 기준 |
| 컬러 | Navy #192A56 기준, 정책 Teal / 활동 Orange |
| 인증 | Supabase Auth 기반 관리자 로그인 |
설계 포인트
- 메인 7개 섹션 : 히어로 / 퀵링크 / 협회소식 / 핵심활동 / 회원사 / 정책 CTA / 가입 CTA
- 협회소식·활동게시판은 Server Component에서 Supabase 직접 조회
- 지원사업 카드에 모집중 배지 · 모집기한 · 분야 태그, 최신순 정렬
- 게시판 검색과 페이지네이션, 모바일 가로 스크롤 대응
- 글쓰기 라우트를 목록과 분리 (/intro/news/write, /activity/board/write)
- 조직도는 공동회장 2인 → 부회장 → 사무국장 → 이사 5인 구조로 정적 렌더
화면
1 / 4
사용 기술
- Next.js 16 (App Router)
- TypeScript
- Supabase
- Tailwind CSS v4
- framer-motion
- Vercel