PROJECT GOVERNANCE · NEXT.JS / VITE / REACT

Quản trị dự án.
Cho đội ngũ React.

Duyệt một policy cho mọi app cần quản trị. NKLattice kết nối danh sách app, bảo mật dependency, chất lượng mã, bảo mật source, khả năng tiếp cận và tương thích trình duyệt thành kết luận CI có thể truy xuất trước triển khai.

Chạy cục bộ · npm & pnpm · Node.js 24+

npm PUBLIC · 0.5.0npm i -D -E @anhcodo13/lattice@0.5.0Xem gói npm ↗
governance/policy.jsonv5.0.0
NGƯỠNG TỐI THIỂU ĐÃ DUYỆT
React>=19.3.1
Next.js>=16.4.2
Vite>=8.3.4
TypeScript>=5.9.3
KẾT QUẢ APP MẪU
apps/nextĐạt policy
apps/viteĐạt policy
apps/reactĐạt policy

Một chính sách cho workspace và các repository độc lập

Dành cho đội ngũ React dùng

  • Next.js
  • React
  • TypeScript
  • Vite
Danh sách app đã reviewTám miền bằng chứngCI chặn trước triển khai

Kết quả phân tích một dự án Vite + React.

NKLattice đã phân tích một dự án Vite + React riêng tư. Chủ sở hữu đồng ý công bố số liệu tổng hợp; thông tin nhận diện dự án và báo cáo gốc vẫn được giữ kín.

Toàn bộ mã nguồn · 17/10/2026 · không công bố nguồn
Cách thu thập các số liệu
Đầu ra CLI và số liệu báo cáo đã ẩn danh · 0.2.0

lattice analyze .

NKLattice analyzed 331 modules. Score 11 (F); 232 findings.

Đường dẫn báo cáo đã được ẩn để bảo vệ mã nguồn riêng tư.

ARCHITECTURE SCORE11/100F

Điểm hỗ trợ đánh giá từ phân tích tĩnh; không đo hiệu năng hoặc bảo mật.

Module đã quét331
Liên kết import nội bộ954
Finding232
Cảnh báo169
Thông tin63
Lỗi0

Biết app nào tuân thủ policy đã duyệt.

Bản nguồn đánh giá từng app theo policy đã duyệt: danh sách chính xác, phiên bản và advisory dependency, kiến trúc, chất lượng mã, bảo mật source, browser test và accessibility scan. Mỗi kết quả ghi hash policy, inventory và đầu vào.

Xác định phạm vi. Xem bằng chứng. Chặn bản phát hành.

Kết quả đạt của bản nguồn nghĩa là mọi app đã khai báo đều được tìm thấy, mỗi miền bắt buộc có bằng chứng mới và đạt ngưỡng đã duyệt. Thiếu scanner, bằng chứng cũ hoặc import nội bộ không phân giải sẽ cho kết quả chưa đủ bằng chứng.

  1. 01

    Review phạm vi

    Commit đúng đường dẫn và profile của từng app cần đánh giá.

    .nklattice-apps.json
  2. 02

    Duyệt quy tắc

    Đặt ngưỡng dependency, kiến trúc, chất lượng, bảo mật và tương thích trong policy core.

    governance/policy.json
  3. 03

    Chặn trước triển khai

    Workflow báo đạt, không đạt hoặc chưa đủ bằng chứng bằng JSON và HTML.

    needs: governance
Đọc hướng dẫn quản trị dự án
Báo cáo tám miền từ workspace mẫu Next.js, Vite + React và React trong dự án
QUÉT APP MẪU · CLI 0.5.0Báo cáo tám miền từ workspace mẫu Next.js, Vite + React và React trong dự ánĐọc cách hiểu bằng chứng ↗

Theo dõi mức tuân thủ trên các kho React.

Dashboard riêng tư nhóm các báo cáo đã tải lên theo kho mã nguồn, ứng dụng và nền tảng. Lọc trạng thái hiện hành, xem đủ tám lĩnh vực policy rồi mở bằng chứng phía sau cảnh báo, lỗi và tín hiệu sớm.

  • 01Tỷ lệ tuân thủ và điểm kiến trúc trung bình kèm phạm vi bằng chứng
  • 02Ma trận kiểm soát từng app và phân bố mức độ phát hiện
  • 03Lịch sử đánh giá, phát hiện và tín hiệu theo thời gian
Mở dashboard riêng tư
Ảnh chụp từ dashboard Cloudflare đang chạy. Đây là ứng dụng mẫu trong CI; định danh tài khoản đã được thay trước khi chụp. Báo cáo của khách hàng vẫn riêng tư.
MẪU CI TRÊN PRODUCTION · 2 KHO · 4 APP

Ảnh chụp từ dashboard Cloudflare đang chạy. Đây là ứng dụng mẫu trong CI; định danh tài khoản đã được thay trước khi chụp. Báo cáo của khách hàng vẫn riêng tư.

Mở ảnh dashboard đầy đủ ↗

Lattice hoạt động như thế nào

CLI quét mã nguồn, đánh giá theo quy tắc đã định nghĩa và ghi lại bằng chứng của từng phát hiện.

  1. 01

    Quét

    Tìm tệp JavaScript và TypeScript được hỗ trợ; bỏ qua thư mục phụ thuộc và đầu ra build.

  2. 02

    Đọc mã

    Trích xuất import, export, JSX và cấu trúc từng tệp.

  3. 03

    Tạo đồ thị

    Phân giải import nội bộ và nối các module có quan hệ.

  4. 04

    Đánh giá

    Áp dụng quy tắc về chu trình, ranh giới module, component và độ phức tạp.

  5. 05

    Tính điểm

    Áp trọng số từng nhóm và chỉ ra các khoản trừ của điểm đánh giá.

  6. 06

    Xuất báo cáo

    Tạo báo cáo HTML mở khi không có mạng và dữ liệu JSON cho quy trình tự động.

governance run chạy các scanner bắt buộc và đánh giá cùng inventory, ngưỡng dependency và finding kiến trúc trong một tiến trình. Lệnh analyze cục bộ vẫn dùng để khám phá.

Xem cách kiểm tra trước triển khai

Khám phá báo cáo kiến trúc từ dự án React.

Ảnh chụp bằng CLI 0.2.0 ghi lại lần phân tích Vite + React ở trên. Thông tin nhận diện dự án đã được thay trước khi chụp; điểm số, số lượng, kết quả theo nhóm và các kết nối được chọn trong đồ thị vẫn giữ theo lần chạy. Phiên bản 0.5.0 có báo cáo governance tám miền riêng.

  • Tổng quan và cách tính điểm
  • Phát hiện và module cần ưu tiên
  • Đồ thị 32 module được chọn theo số kết nối
Đọc về báo cáo
Báo cáo NKLattice đã ẩn danh: điểm 11/F, 331 module, 232 finding và breakdown theo nhóm
BÁO CÁO ĐÃ ẨN DANH · CLI 0.2.0Tổng quan · điểm 11/F · 331 module · 232 findingCách chuẩn bị ảnh chụp ↗

Một chính sách cho các repo và monorepo React.

Mỗi repo review danh sách app và pin cùng revision policy trung tâm; workspace có thể đánh giá nhiều app trong một lần chạy.

Trong monorepo

Kiểm tra ứng dụng Next.js, Vite và React từ gốc workspace; đối chiếu với lockfile dùng chung.

Giữa nhiều repository

Mỗi repository cố định SHA của core và gọi workflow kiểm tra. Bước triển khai có thể phụ thuộc vào kết quả đó.

Tính năng hiện có và các mốc tiếp theo.

Bản đánh giá tám miền có trong CLI. Bước tiếp theo là chứng minh gate bắt buộc ở repo sử dụng độc lập.

01

Đã có

Inventory, thư viện quản trị, advisory, kiến trúc, chất lượng, bảo mật, browser và accessibility theo app.

02

Áp dụng tiếp

Chứng minh governance là gate bắt buộc và deploy phụ thuộc kết quả ở repo sử dụng độc lập.

03

Sau đó

Hỗ trợ cập nhật, cải thiện quy tắc kiến trúc và so sánh các lần phân tích.

Xem lộ trình đầy đủ

Đưa policy dự án React vào CI.

Review inventory và policy, chạy bản đánh giá mẫu rồi cho job triển khai phụ thuộc kết quả governance.