Digital portfolio of Jérôme Bezeau, Art Director. This website showcases his work and expertise through an interactive and immersive experience.
This portfolio was designed by Jérôme Bezeau and developed to offer a unique user experience, highlighting his art direction work through fluid animations and modern design.
The site is built with a modern web technology stack:
- Node.js 21 - JavaScript Runtime
- Next.js 14 - React Framework with Pages Router
- Sanity - Headless CMS for content management
- TypeScript - Static typing for enhanced robustness
- GSAP - High-performance animations
- Framer Motion - React component animations
- Tailwind CSS - Utility-first and responsive styling
- SCSS - Advanced custom styling
- Lenis - Smooth scroll
- React Query - State management and caching
- Node.js (v21.x)
- npm or yarn
- A Sanity.io account for CMS
yarn run dev- Starts the development serveryarn run build- Creates a production buildyarn run lint- Checks code with ESLintyarn run format- Formats code with ESLint and Prettieryarn run check- Verifies code quality
jerome-bezeau/
├── components/ # Reusable React components (ui/, common/)
├── hooks/ # Custom React hooks for shared logic
├── layouts/ # Layout components
├── pages/ # Next.js routes (Page Router)
├── providers/ # Context Providers (language, gsap, smooth-scroll...)
├── public/ # Static assets (fonts, images, icons)
├── sanity/ # Sanity CMS configuration & schemas
├── services/ # API & external services integrations
├── styles/ # Global styles (SCSS, Tailwind)
├── types/ # TypeScript type definitions
└── utils/ # Utility functions (.utils.ts)