Hibi Web - Enterprise-Grade Solution Hub
Corporate platform built with Next.js 16 and React 19, implementing modular architecture with i18n, validated forms, and accessible components.
Technical Overview
Hibi Web is a corporate platform designed to showcase and manage a diversified portfolio of technological services. I developed interfaces with Next.js 16 (App Router) and React 19 using TypeScript and Tailwind CSS. Implemented forms with react-hook-form and validation with zod, managing UI state with modern React patterns. The platform includes complete internationalization (ES/EN) via next-intl, accessible components with Radix UI (Dropdown, Toast), and integrated email delivery with Resend. Applied a consistent design system using clsx, class-variance-authority, and tailwind-merge for dynamic CSS class management.
Problem Statement
Corporate platforms need to balance design aesthetics with performance and SEO requirements. Multilingual support adds complexity, requiring robust forms and accessible components that work across multiple languages.
Architecture
Next.js App Router architecture with server-first strategy. Implements accessible components via Radix UI primitives, form management with react-hook-form + zod for type-safe validation, and CSS utility system with Tailwind CSS combined with clsx and tailwind-merge. Internationalization via next-intl with dynamic [locale] routes.
Key Features
- Frontend development with Next.js 16 and React 19 using TypeScript
- Robust forms with react-hook-form and zod validation
- Accessible components with Radix UI (Dropdown, Toast, Slot)
- Complete internationalization with next-intl (ES/EN)
- Dynamic class management with clsx, class-variance-authority, and tailwind-merge
- Email delivery integration with Resend
Challenges
- Implementing complex form validation while maintaining type-safety with TypeScript
- Building reusable accessible components with Radix UI primitives
- Configuring i18n routing with next-intl and dynamic metadata generation
- Managing component variants scalably with class-variance-authority
Outcomes
Delivered a modular corporate platform with type-safe forms, WCAG-compliant accessible components, and complete multilingual support. Consistent design system implemented with Tailwind CSS and class management utilities.