How luna-hook/lunahookportfolio works
Luna Hook Portfolio is a static developer portfolio. Visitors enter through the home page, browse plugin listings and individual guides, explore server listings, or open the contact page. Route modules hand off rendering to shared UI components; plugin detail routes additionally look up catalog data. The shared UI also provides plugin search, server filtering, and navigation. The excerpts show these relationships, but do not expose all UI internals or server data definitions.
Main entry points: ui.tsx Shared UI · [slug]/page.tsx Plugin detail route · app/page.tsx Home route · plugins.ts Plugin catalog
Components 10
Portfolio routes
- Home route
app/page.tsx - Plugin index route
app/plugins/page.tsx - Plugin detail route
app/plugins/[slug]/page.tsx - Servers route
app/servers/page.tsx - Contact route
app/contact/page.tsx
Portfolio content
- Plugin catalog
app/data/plugins.ts
Shared presentation
- Shared UI
app/ui.tsx - Site shell
app/layout.tsx - Global styles
app/globals.css
Other components
- Visitor
Connections 9
- Visitor → Home route: opens
README.md - Home route → Shared UI: renders home
app/page.tsx - Plugin index route → Shared UI: renders index
app/plugins/page.tsx - Plugin detail route → Plugin catalog: looks up slug
app/plugins/[slug]/page.tsx - Plugin detail route → Shared UI: renders guide
app/plugins/[slug]/page.tsx - Servers route → Shared UI: renders servers
app/servers/page.tsx - Contact route → Shared UI: renders contact
app/contact/page.tsx - Shared UI → Plugin catalog: searches catalog
app/ui.tsx - Site shell → Global styles: imports styles
app/layout.tsx