All technologies

Advanced

React / Next.js / Vue

Responsive, accessible frontends with React and Next.js, plus Vue and Alpine where they fit — TypeScript throughout.

5+ yrs
React / Next.js / Vue

Proficiency

5+yrs

ProficientAdvancedExpert

Major concepts

01Component architecture

Composable, reusable components with clear state ownership; Next.js App Router with server components by default and client interactivity pushed to the leaves.

02Type-safe boundaries

TypeScript across the stack — typed API contracts and discriminated unions so refactors stay routine instead of risky.

03Responsive & accessible UI

Mobile-first layouts, semantic markup, and pixel-faithful builds from designer handoffs — the habit that started in my first agency-style year.

04Design systems with Tailwind

Tailwind and SASS component systems with consistent spacing, radii, and dark-mode theming via CSS custom properties.

05Pragmatic state

Server state from the source of truth, URL state for shareability, local state for interaction — reaching for global stores only when something is genuinely global.

Advantages · 04

Core advantages

  • Next.js gives routing, image optimisation, and server rendering as one coherent platform
  • React's component model maps cleanly to how I think about UI
  • Vue and Alpine cover the 'sprinkle of interactivity' cases without a full SPA
  • TypeScript turns whole classes of UI bugs into compile errors

Highlights · 04

Work highlights

  • Led front-end and back-end delivery with React, Next.js, and Node.js across client products
  • Rebuilt admin dashboards and customer apps for booking and delivery platforms
  • Built the AI CMS frontend in React/Next with a modern, content-first UX
  • Partnered with designers to ship pixel-perfect, responsive interfaces

Skills · 06

Competencies

  • Next.js App Router
  • React & Vue.js
  • TypeScript
  • Tailwind CSS & SASS
  • Responsive / accessible UI
  • Alpine.js & jQuery

Projects · 03

Used in projects