• Radiology Cephalometric Analysis Software
• This is a Next.js project bootstrapped with create-next-app
• /MagicCeph : Image Editor(Zoom In / Zoom Out / PAN / Roatate / OverRay)
• /ceph : Cornerstone Ceph Dicom Viewer (Dynamic Import Load Library / When Executing, Initiailzed.)

npm i next dev

• http://localhost:3000/webceph
• http://localhost:3000/ceph

• next build
• next dev

• Plugin : '@tailwindcss/postcss' + 'autoprefixer'.

• app/globals.css uses @import "tailwindcss"; (v4 style). Do not use old @tailwind base/components/utilities.

• Keep only app/favicon.ico. Remove public/favicon.ico to avoid route conflict.

• You may see a dev-only cross-origin warning. If you want to silence it, you can add in next.config.mjs (dev only): /* if (process.env.NODE_ENV !== "production") { nextConfig.experimental = { allowedDevOrigins: ["http://192.168.219.103:3000"] }; } */

If you see "Module not found: Can't resolve '@cornerstonejs/core'", run:

npm install @cornerstonejs/core @cornerstonejs/tools @cornerstonejs/dicom-image-loader @cornerstonejs/streaming-image-volume-loader dicom-parser gl-matrix wasm-feature-detect

Then copy worker/codec files: cp node_modules/@cornerstonejs/dicom-image-loader/dist/dicomWebWorker.min.js public/cornerstone/dicomWebWorker.min.js cp node_modules/@cornerstonejs/dicom-image-loader/dist/cornerstoneWADOImageLoaderCodecs.js public/cornerstone/cornerstoneWADOImageLoaderCodecs.js

• Added Cornerstone dependencies to package.json so dynamic import can resolve at runtime: @cornerstonejs/core, @cornerstonejs/tools, @cornerstonejs/dicom-image-loader, @cornerstonejs/streaming-image-volume-loader, dicom-parser, gl-matrix, wasm-feature-detect
• Fixed onFilePick to avoid currentTarget being null after async/await.
• Ensured Tailwind v4 PostCSS plugin is used (@tailwindcss/postcss).

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js. Check out our Next.js deployment documentation for more details.