React · Server-capable Route Modules · Component Architecture
React Blog
Frontend React Router cho nền tảng blog, phục vụ đồng thời độc giả, tác giả và quản trị viên. Tiptap Editor hỗ trợ rich text, code và media; React Query quản lý server state, còn Zustand giữ client state gọn nhẹ. User dashboard có bài viết, bookmark, analytics, newsletter và API key; Admin Portal quản lý user, role, report, tag và setting. WebSocket/STOMP cung cấp realtime update, còn route loader/action giữ data flow bám sát framework.
React Router Route Module → Loader/Action/API Client → Spring Boot Backend. TanStack Query đồng bộ server cache, Zustand giữ UI state và Zod validate boundary data. Public, Dashboard và Admin route tree dùng layout riêng; Editor, Table và design primitive được tái sử dụng theo feature.
Tech stack
Kiến trúc
Server-capable Route Modules · Component Architecture
React Router Route Module → Loader/Action/API Client → Spring Boot Backend. TanStack Query đồng bộ server cache, Zustand giữ UI state và Zod validate boundary data. Public, Dashboard và Admin route tree dùng layout riêng; Editor, Table và design primitive được tái sử dụng theo feature.
Core features
- Luồng nội dung, bài viết, chuỗi bài, danh mục và tìm kiếm
- Trình soạn thảo văn bản định dạng bằng Tiptap
- Đăng nhập, chuyển hướng OAuth và đặt lại mật khẩu
- Bảng điều khiển tác giả và phân tích
- Lưu bài, bản tin và khóa API
- Quản trị người dùng, vai trò, bài viết, báo cáo và thiết lập
- Thông báo thời gian thực bằng STOMP/WebSocket
- Giao diện tối thích ứng