A modern portfolio website showcasing my work as a Senior Platform & DevOps Engineer specializing in AI-ready cloud platforms.
Live: judaire.io
This portfolio highlights 10+ years of experience building enterprise platforms across Core, Data, ML, and GPU infrastructure—delivering €2.5M+ in cost savings and 99.99% reliability.
- Home — Professional summary, impact stats, certifications, and technical expertise
- Platforms — Interactive visualization of the platform stack (Core → Data → ML → AI)
- Projects — Featured case studies and side projects with milestone tracking
- Open Source — CNCF-targeted projects (AI Inference Gateway, FinOps Platform, MLOps Platform)
- Blog — Coming soon: articles on AI-ready platform design, MLOps, and SRE
| Category | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript 5 |
| Styling | Tailwind CSS 4 |
| Animation | Framer Motion |
| Icons | Lucide React |
| Deployment | Vercel |
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/judeoyovbaire/personal-website.git
cd personal-website
# Install dependencies
npm install
# Run development server
npm run devOpen http://localhost:3000 to view the site.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm run start |
Start production server |
npm run lint |
Run ESLint |
personal-website/
├── app/ # Next.js App Router pages
│ ├── page.tsx # Home page
│ ├── projects/page.tsx # Projects & case studies
│ ├── platforms/page.tsx # Platform capabilities
│ ├── about/page.tsx # Personal background
│ ├── blog/page.tsx # Blog (coming soon)
│ ├── opensource/page.tsx # Open source projects
│ ├── layout.tsx # Root layout with metadata
│ ├── globals.css # Global styles & theme
│ ├── error.tsx # Error boundary
│ ├── loading.tsx # Loading state
│ └── not-found.tsx # 404 page
│
├── components/ # React components
│ ├── Navigation.tsx # Header with mobile menu
│ ├── Footer.tsx # Site footer
│ ├── ThemeToggle.tsx # Dark/light mode toggle
│ ├── ImpactStats.tsx # Animated statistics
│ ├── TechStack.tsx # Technology grid
│ └── Certifications.tsx # Certification badges
│
├── data/ # Static content data
│ ├── projects.ts # Professional & side projects
│ ├── casestudies.ts # Detailed case studies
│ ├── techstack.ts # Technology categories
│ └── certifications.ts # Professional certifications
│
├── public/ # Static assets
│ └── JudeOyovbaire-Platform-CV.pdf
│
├── package.json
├── tsconfig.json
├── tailwind.config.ts
└── next.config.ts
- Responsive design with mobile-first approach
- Dark/light theme toggle with system preference detection
- Smooth animations with Framer Motion
- SEO optimized with Open Graph metadata
- Server components for optimal performance
- Client components only where interactivity is required
- TypeScript interfaces for type safety
- Path aliases (
@/) for clean imports
- 3 detailed case studies with impact metrics
- 3 featured side projects with milestone tracking
- 11 professional certifications displayed
- Categorized tech stack (Cloud, K8s, IaC, GitOps, Observability, Data, ML/AI)
The site is deployed on Vercel with automatic deployments on push to main.
# Manual deploy (requires Vercel CLI)
vercel --prodNo environment variables are required for basic deployment.
MIT