implementation_plan
Root
Fix Skin Clinic Loading and Instructions for Next.js
Problem Description
- Skin Clinic App: Fails to load locally because it uses absolute paths (e.g.,
/index.tsx) which break when the app is served from a subdirectory (/skin-clinic/). - Next.js Dashboard: User needs to know how to run the dynamic dashboard locally.
Proposed Changes
Skin Clinic (bp.co.kr/skin-clinic)
[MODIFY] vite.config.ts
- Add
base: './'to configuration to ensure assets are loaded relatively.
[MODIFY] index.html
- Change
<script src="/index.tsx">to<script src="./index.tsx">(or let Vite handle it via the base path change). I will explicitly change it to be safe.
Verification Plan
Manual Verification
-
Skin Clinic:
- Open
D:\1v\Cursor\bp.co.kr\index.htmlwith Live Server. - Click "Seoul Gangnam Skin Clinic" (Projects > 서울 강남 피부과).
- Verify the "Genie" app loads inside the iframe without 404 errors for
index.tsx.
- Open
-
Next.js Dashboard:
- I will provide the command
npm run devfor the user to run inD:\1v\Cursor\Projects\dashboard_ui.
- I will provide the command