How michaeldiputra/michaeldiputra-portfolio works
This is a Next.js personal portfolio and digital résumé. Visitors navigate a shared site shell to view an introductory profile, biography and skills, or project showcase; the pages read their content from shared configuration data. The sampled source supports the page, layout, and data relationships shown. Public asset directories are present in the tree, but their contents were not sampled.
Main entry points: _app.js App wrapper · layout.js Shared layout · index.js Home page · config.js Site data
Components 10
Site shell
- App wrapper
src/pages/_app.js - Shared layout
src/components/layout.js - Desktop navigation
src/components/navbar.js - Mobile navigation
src/components/mobilenav.js
Portfolio pages
- Home page
src/pages/index.js - About page
src/pages/about.js - Portfolio page
src/pages/portfolio.js
Portfolio content
- Site data
config.js
Other components
- Visitor
- Typed.js
Connections 11
- Visitor → App wrapper: requests pages
- App wrapper → Shared layout: wraps page
- App wrapper → Home page: renders page
- App wrapper → About page: renders page
- App wrapper → Portfolio page: renders page
- Shared layout → Desktop navigation: renders
- Shared layout → Mobile navigation: renders
- Home page → Site data: reads site settings
- Home page → Typed.js: loads
- About page → Site data: reads skills data
- Portfolio page → Site data: reads project data