Page structure

Routes live in src/app/; page implementations live in src/services/app/page/ and src/services/admin/page/. Learner pages are minimal working screens connected to state; course-setup designs them for your brand.

Learner pages

Page route	Router source
`/`	`src/app/(app)/page.tsx`
`/account`	`src/app/(app)/account/page.tsx`
`/account/certificates/[id]`	`src/app/(app)/account/certificates/[id]/page.tsx`
`/account/courses`	`src/app/(app)/account/courses/page.tsx`
`/account/orders`	`src/app/(app)/account/orders/page.tsx`
`/account/orders/[id]`	`src/app/(app)/account/orders/[id]/page.tsx`
`/account/products`	`src/app/(app)/account/products/page.tsx`
`/checkout/[type]/[id]`	`src/app/(app)/checkout/[type]/[id]/page.tsx`
`/checkout/result`	`src/app/(app)/checkout/result/page.tsx`
`/courses`	`src/app/(app)/courses/page.tsx`
`/courses/[id]` intercepted	`src/app/(app)/(.)courses/[id]/page.tsx`
`/courses/[id]`	`src/app/(app)/courses/[id]/page.tsx`
`/learn/[courseId]`	`src/app/(app)/learn/[courseId]/page.tsx`
`/learn/[courseId]/[lessonId]`	`src/app/(app)/learn/[courseId]/[lessonId]/page.tsx`
`/login`	`src/app/(app)/login/page.tsx`
`/notices`	`src/app/(app)/notices/page.tsx`
`/notices/[id]`	`src/app/(app)/notices/[id]/page.tsx`
`/offline`	`src/app/offline/page.tsx`
`/products`	`src/app/(app)/products/page.tsx`
`/products/[id]` intercepted	`src/app/(app)/(.)products/[id]/page.tsx`
`/products/[id]`	`src/app/(app)/products/[id]/page.tsx`
`/signup`	`src/app/(app)/signup/page.tsx`

Admin screens

Example route	Router source
`/관리자-a1b2c3d4e5`	`src/app/(admin)/admin/(dashboard)/page.tsx`
`/관리자-a1b2c3d4e5/account`	`src/app/(admin)/admin/(dashboard)/account/page.tsx`
`/관리자-a1b2c3d4e5/banners`	`src/app/(admin)/admin/(dashboard)/banners/page.tsx`
`/관리자-a1b2c3d4e5/coupons`	`src/app/(admin)/admin/(dashboard)/coupons/page.tsx`
`/관리자-a1b2c3d4e5/courses`	`src/app/(admin)/admin/(dashboard)/courses/page.tsx`
`/관리자-a1b2c3d4e5/courses/[id]`	`src/app/(admin)/admin/(dashboard)/courses/[id]/page.tsx`
`/관리자-a1b2c3d4e5/leads`	`src/app/(admin)/admin/(dashboard)/leads/page.tsx`
`/관리자-a1b2c3d4e5/login`	`src/app/(admin)/admin/login/page.tsx`
`/관리자-a1b2c3d4e5/notices`	`src/app/(admin)/admin/(dashboard)/notices/page.tsx`
`/관리자-a1b2c3d4e5/orders`	`src/app/(admin)/admin/(dashboard)/orders/page.tsx`
`/관리자-a1b2c3d4e5/payments`	`src/app/(admin)/admin/(dashboard)/payments/page.tsx`
`/관리자-a1b2c3d4e5/products`	`src/app/(admin)/admin/(dashboard)/products/page.tsx`
`/관리자-a1b2c3d4e5/products/[id]`	`src/app/(admin)/admin/(dashboard)/products/[id]/page.tsx`
`/관리자-a1b2c3d4e5/questions`	`src/app/(admin)/admin/(dashboard)/questions/page.tsx`
`/관리자-a1b2c3d4e5/refunds`	`src/app/(admin)/admin/(dashboard)/refunds/page.tsx`
`/관리자-a1b2c3d4e5/reviews`	`src/app/(admin)/admin/(dashboard)/reviews/page.tsx`
`/관리자-a1b2c3d4e5/settings`	`src/app/(admin)/admin/(dashboard)/settings/page.tsx`
`/관리자-a1b2c3d4e5/students`	`src/app/(admin)/admin/(dashboard)/students/page.tsx`

Existing admin screens

Initial setup creates /관리자-<10 hex characters>. Set the complete path with NEXT_PUBLIC_ADMIN_BASE_PATH in .env.

NEXT_PUBLIC_ADMIN_BASE_PATH=/운영실

Restart the dev server after changes; rebuild with the same value for deployment. /admin is the internal router path.

There is no public admin sign-up. Set ADMIN_INITIAL_EMAIL and ADMIN_INITIAL_PASSWORD in your local .env, run pnpm admin:create, then remove both values.

See the admin-path setup script and admin URL definitions for the implementation.

The existing stories live in src/stories/admin/, with API mocks in src/stories/mocks/. Shared layer rules: Project structure.