Phát triển frontend
Người dùng đánh giá một sản phẩm qua frontend của nó. Chúng tôi xây dựng giao diện tải nhanh, dùng được bằng bàn phím và trình đọc màn hình, và vẫn dễ thay đổi khi sản phẩm phát triển. Chính trang web này cũng được xây dựng trên cùng bộ công nghệ.
Công cụ
Giao diện nhanh, dễ tiếp cận, xây dựng bằng Next.js, React, TypeScript và Tailwind CSS.
Next.js
Lựa chọn mặc định của chúng tôi cho website và ứng dụng web. Kết xuất phía máy chủ và tạo trang tĩnh giúp tải lần đầu nhanh và các công cụ tìm kiếm đọc được trang. App Router giữ phần lớn mã trên máy chủ, nên trình duyệt nhận ít JavaScript hơn.
React
Mô hình thành phần đằng sau giao diện của chúng tôi. Chúng tôi xây dựng các thành phần nhỏ, tái sử dụng được, với đầu vào rõ ràng, để một thay đổi thiết kế ở một nơi sẽ cập nhật mọi màn hình sử dụng nó.
TypeScript
Bật chế độ strict cho mọi dự án, không dùng lối tắt thiếu kiểu. Hệ thống kiểu bắt được cả nhóm lỗi trước khi mã chạy và giúp việc tái cấu trúc lớn trở nên an toàn.
Tailwind CSS
Định kiểu theo hướng utility-first, gắn với một hệ thống thiết kế về màu sắc, khoảng cách và kiểu chữ. Kiểu nằm ngay cạnh mã giao diện, CSS không dùng đến bị loại bỏ khi build, và mọi trang giữ cùng một diện mạo.
Cách chúng tôi sử dụng
Ngân sách hiệu năng
Chúng tôi đo Core Web Vitals (LCP, INP, CLS) và giữ chúng ở mức tốt. Hình ảnh được thay đổi kích thước và tải khi cần, phông chữ được tự lưu trữ, và trình duyệt chỉ nhận lượng JavaScript mà trang cần.
Khả năng tiếp cận
HTML ngữ nghĩa, trạng thái focus rõ ràng, độ tương phản đủ và hỗ trợ bàn phím đầy đủ, được kiểm tra theo WCAG 2.2 AA. Các thư viện thành phần đã được kiểm chứng như Radix UI đảm nhận menu, hộp thoại và tab.
SEO và đa ngôn ngữ
Tiêu đề và mô tả được bản địa hóa, liên kết hreflang, dữ liệu có cấu trúc và sơ đồ trang web. Một bộ mã nguồn có thể phục vụ website bằng nhiều ngôn ngữ, mỗi ngôn ngữ trên một tên miền riêng.
Mã nguồn đội ngũ của bạn có thể tiếp quản
Kiểm tra mã, định dạng và kiểm tra kiểu chạy ở mỗi thay đổi, và các thành phần theo những mẫu nhất quán, để lập trình viên của bạn có thể tiếp quản mã nguồn.
Khám phá các phần còn lại của bộ công nghệ
Bạn đang lên kế hoạch cho một dự án trên bộ công nghệ này?
Hãy cho chúng tôi biết bạn đang xây dựng gì, chúng tôi sẽ cho bạn biết cách chúng tôi tiếp cận.