Welcome to my personal portfolio! This website is a reflection of my journey, skills, and projects in the world of DevOps, cloud, and tech content creation.
This portfolio has been optimized for:
- Core Web Vitals: LCP, FID, CLS optimization
- Bundle Size: Tree shaking and code splitting
- Image Optimization: Next.js Image with AVIF/WebP
- SEO: Metadata, sitemap, robots.txt
- Accessibility: ARIA labels and keyboard navigation
- Analytics: Performance monitoring and tracking
This portfolio is built using:
- Next.js 14 (App Router)
- TypeScript
- Tailwind CSS
- Framer Motion
- shadcn/ui
- Vercel Analytics
npm run dev- Start development servernpm run build- Build for productionnpm run analyze- Analyze bundle sizenpm run lint:fix- Fix linting issuesnpm run type-check- TypeScript type checking
- Image Optimization: Priority loading for above-the-fold images
- Bundle Analysis: Monitor bundle size with
npm run analyze - Error Boundaries: Graceful error handling
- Loading States: Smooth loading experiences
- Performance Monitoring: Core Web Vitals tracking
Big shoutout to @emapeire for the original inspiration and template structure.