건축자재 업체용 홈페이지 제안 데모입니다. 자재를 고르고 시공 면적을 넣으면 필요 장수와 박스 수가 바로 계산되고, 그 결과를 그대로 견적 의뢰로 보낼 수 있습니다. 사장님이 관리자 화면에서 제품을 등록하면 계산기와 시공사례 연결이 자동으로 따라옵니다. 신제품 추가에 개발자가 필요 없습니다. - 기술: Next.js 16 + Tailwind, Supabase(PostgreSQL, RLS 잠금), Vercel 배포 - 화면: 제품 목록과 상세, 시공사례, 셀프견적 계산기, 샘플 신청, 상담 신청, 관리자(제품과 사례 등록, 접수 내역 상태 관리) - 계산 기준(규격, 박스당 장수, 로스율)은 제품 데이터에 들어 있어 관리자에서 바꾸면 계산기에 바로 반영 - 관리자 로그인은 서명 쿠키, DB는 서버에서만 접근, 모바일 대응 기획부터 배포까지 하루 만에 만들었습니다. 사진 속 제품명과 수치는 예시입니다.

셀프견적 - 자재와 면적을 넣으면 장수와 박스 수가 바로 계산되고 그대로 견적 의뢰

메인 - 제품과 시공사례 미리보기, 샘플 신청과 상담 퀵메뉴