How real-musafir/marketplacedemo works
This is a small Next.js public-facing site for Basement Sports, not an NFT marketplace backend. Visitors enter through the shared navigation and browse a home page, an About story, a gallery with a local detail modal, and a Mind Plan page. The About content describes sports, starter kits, video streaming, and custom-field capabilities, but the sampled code does not implement gameplay or those services. The API route returns a fixed greeting. The graph reflects the visible page/layout wiring; no persistence or external product integrations are shown.
Main entry points: NavBar.js Site Navigation · index.js About Story · _app.js App Wrapper · Layout.js Shared Layout
Components 11
Site Shell
- App Wrapper
pages/_app.js - Shared Layout
pages/src/component/Layout.js - Site Navigation
pages/src/component/NavBar.js
Public Pages
- Home Page
pages/index.js - NFT Gallery
pages/gallery/index.js - About Story
pages/about/index.js - Mind Plan
pages/mindPlan/index.js - Sports Platform Story
pages/about/index.js
API Endpoint
- Hello API
pages/api/hello.js
Other components
- Visitor
- Next Runtime
Connections 15
- Visitor → Next Runtime: requests page
- Next Runtime → App Wrapper: renders app
- App Wrapper → Shared Layout: wraps page
- Shared Layout → Site Navigation: renders navigation
- Next Runtime → Home Page: routes /
- Next Runtime → NFT Gallery: routes /gallery
- Next Runtime → About Story: routes /about
- Next Runtime → Mind Plan: routes /mindPlan
- Site Navigation → Home Page: links home
- Site Navigation → NFT Gallery: links gallery
- Site Navigation → About Story: links about
- Site Navigation → Mind Plan: links mind plan
- About Story → Sports Platform Story: presents capabilities
- Visitor → Next Runtime: requests /api/hello
- Next Runtime → Hello API: dispatches API