문헌 열람실 > implementation_plan
Y

descriptionimplementation_plan

folderRoot

Fix Skin Clinic Loading and Instructions for Next.js

Problem Description

  1. 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/).
  2. 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

  1. Skin Clinic:

    • Open D:\1v\Cursor\bp.co.kr\index.html with Live Server.
    • Click "Seoul Gangnam Skin Clinic" (Projects > 서울 강남 피부과).
    • Verify the "Genie" app loads inside the iframe without 404 errors for index.tsx.
  2. Next.js Dashboard:

    • I will provide the command npm run dev for the user to run in D:\1v\Cursor\Projects\dashboard_ui.