Adnan Naous OS Website
A bilingual Next.js portfolio with a Personal OS dashboard, focus timer, command center, bookmarks, and GitHub activity view.
Present verified public work and a practical Personal OS inside one maintainable bilingual product.

Problem
Portfolio information and personal productivity tools were separated across different surfaces.
Current solution
A unified Next.js website combining a portfolio, verified public content, and route-isolated productivity tools.
Architecture
Next.js App Router route groups, shared server-rendered layouts, typed public data, common optical tokens, and narrow client islands for interaction.
Public evidence


Technical decisions
- Server Components own route content while client boundaries handle language, navigation, WebGL, and interactive tools.
- Dashboard state is scoped to /tools instead of wrapping the whole site.
- A validated publicData projection is the only approved client-safe factual source.
Design decisions
- One shared optical shell gives every public route a consistent identity.
- The AI Core is atmospheric; semantic content remains normal HTML.
Accessibility and privacy
- Keyboard navigation, visible focus, reduced motion, and non-WebGL fallback are preserved.
- Private review data and unpublished personal or academic fields remain outside public runtime content.
What works
- English and Arabic presentation
- Dark and light themes
- Personal OS tools
- Validated public content and static search records
What I learned
- Treating public content as a typed boundary reduces factual drift.
Next direction
- Continue refining the Personal OS while preserving route-level performance.
Challenges
- Avoiding hydration differences while theme and motion preferences initialize.
- Keeping legacy navigation and Three.js out of unrelated route bundles.