BlueOC Website cover
Work

BlueOC Website

The primary multilingual landing website for BlueOC Technology, featuring localized routing, solution grids, case studies, and Strapi CMS.

Next.jsReactTailwind CSSStrapi CMSTypeScriptEmailJS

Project Overview

The primary landing web application for BlueOC Technology, a leading IT consulting and software development company based in Hanoi, Vietnam. This application serves as the main showcase for the company's consulting services, software outsourcing products, and technical blogs.

Key Features

🌍 Internationalization (i18n)

Full localized routing with support for English (en), Japanese (ja), and Vietnamese (vi). Uses Next.js subroutes to deliver page-specific translations dynamically.

📰 Headless CMS Content Management

Powered by a headless Strapi CMS backend. The landing page, case studies, solutions, products, and tech blog posts are fetched dynamically via Strapi REST APIs.

📩 Contact Form Integration

A customizable contact form integrated with EmailJS to send business inquiry emails directly to the administrative team without requiring a dedicated backend mail server.

🧩 Responsive Swipers & Widgets

Implements custom video components and swiper sliders optimized for desktop and mobile displays.

Technology Stack

  • Framework: Next.js (App Router), React, TypeScript.
  • Styling: Tailwind CSS, PostCSS.
  • Content Management: Strapi CMS (headless).
  • Integrations: NextAuth.js, EmailJS, Swiper.