GET ( ) BETTER는 Next.js 16 App Router로 만든 이커머스 목업(mock-up)입니다. 백엔드·DB·결제 시스템 없이, 브라우저의 localStorage만으로 장바구니·로그인·리뷰·어드민 콘텐츠 편집 기능을 재현합니다. 실제 상거래가 아닌 디자인·플로우 검증용 프로토타입입니다.
npm install
npm run dev
http://localhost:3000 에서 확인합니다.
npm run build
npm run start
npm run build는 정적/SSG 페이지를 생성하고 라우트별 산출물을 출력합니다. npm run start는 빌드 결과로 Node.js 서버를 구동합니다.
루트의 .env.local.example을 복사해 .env.local을 만들고 값을 채웁니다.
cp .env.local.example .env.local
| 변수 | 설명 |
|---|---|
NEXT_PUBLIC_ADMIN_EMAIL |
/admin 접근을 허용할 어드민 계정 이메일. 로그인한 사용자의 이메일과 (양쪽 trim + 소문자 변환 후) 비교하여 일치할 때만 어드민 화면을 노출합니다. 이 값이 없으면 /admin은 누구에게도 열리지 않습니다(fail-closed). |
주의사항:
NEXT_PUBLIC_ 접두 환경변수는 빌드 시점에 브라우저 번들에 그대로 포함됩니다. 비밀값이 아닙니다 — 이메일처럼 노출되어도 무방한 값만 넣습니다..env.local은 .gitignore에 의해 커밋에서 제외됩니다. .env.local을 절대 커밋하지 마세요..env.local.example은 예시/문서 목적이므로 저장소에 포함됩니다(.gitignore의 !.env.local.example 예외 규칙).localStorage에 저장하는 목(mock) 계정일 뿐입니다.(node_modules/next/dist/docs/01-app/01-getting-started/17-deploying.md 기준)
.env.local은 커밋되지 않으므로 안전).next build/next start를 자동으로 인식합니다.NEXT_PUBLIC_ADMIN_EMAIL을 등록합니다(값은 .env.local과 동일하게 관리자 이메일).npm run build(next build)가 실행되고, 정적/SSG 라우트가 생성되어 배포됩니다./signup에서 회원가입 → 로그인 → /admin 접근을 확인합니다./admin은 공개 내비게이션에 노출되지 않는 직접 접근 전용 경로입니다. 주소창에 /admin을 입력해 이동합니다..env.local의 NEXT_PUBLIC_ADMIN_EMAIL에 지정한 이메일로 /signup에서 회원가입한 뒤 로그인하면 /admin에 접근할 수 있습니다. 다른 이메일로는 접근이 거부됩니다.이 프로젝트는 백엔드가 없으며 모든 지속성은 브라우저의 localStorage에 의존합니다. 따라서:
실제 서비스로 전환하려면 다음이 필요합니다: