This is a Next.js project bootstrapped with create-next-app.
Lightweight Next.js + TypeScript demo that visualizes Great-Circle flights and seatmap recommendations.
- Node.js 18+ (LTS recommended)
- npm, pnpm, or yarn (examples below use npm/pnpm)
Install dependencies with your preferred package manager:
# npm
npm install
# or pnpm
pnpm install
# or yarn
yarn installStart the dev server (hot reload):
# npm
npm run dev
# or pnpm
pnpm devThen open http://localhost:3000 in your browser.
# build
npm run build
# run the production server
npm run startReplace npm with pnpm or yarn if you prefer those tools.
# lint
npm run lint
# format (prettier)
npm run format- Demo mode: the app ships with hard-coded demo airports and coordinates. No external airport API is required.
- Iframe scraping: the seatmap scraper will only access iframe content when the iframe is same-origin. For cross-origin seatmaps use a backend extractor or a postMessage-based integration.
- If the map tiles or satellite imagery require a token, check for a
.envor.env.localin the project root and set tokens there (no token is required for the demo behavior included in this repo). - If you see TypeScript or ESLint errors after editing, run
npm run buildto surface issues and follow the diagnostics.
app/— Next.js App Router pages and layouts (UI entrypoints)src/components/— React components (map, flight path, seat UI)src/hooks/— React hooks and local logicsrc/lib/— domain logic (gis, solar calculations, seat scraping)
If you need help running the project or want me to add a short troubleshooting checklist for a specific OS, tell me which OS and package manager you use.