React · Server-capable Route Modules · Component Architecture
React Blog
A React Router frontend serving readers, authors, and administrators of the publishing platform. Tiptap provides rich text, code, and media editing; React Query manages server state and Zustand handles focused client state. Personal workspaces cover articles, bookmarks, analytics, newsletters, and API keys, while administration covers users, roles, reports, tags, and settings. WebSocket and STOMP deliver live updates through framework-native route modules.
React Router route modules call loaders, actions, and an API client connected to the Spring Boot backend. TanStack Query synchronizes server cache, Zustand holds interface state, and Zod validates boundary data. Public, personal, and administration route trees use separate layouts and shared editor, table, and design primitives.
Tech stack
Architecture
Server-capable Route Modules · Component Architecture
React Router route modules call loaders, actions, and an API client connected to the Spring Boot backend. TanStack Query synchronizes server cache, Zustand holds interface state, and Zod validates boundary data. Public, personal, and administration route trees use separate layouts and shared editor, table, and design primitives.
Core capabilities
- Article feed, series, categories, and search
- Tiptap rich-text editor
- Authentication, OAuth redirects, and password recovery
- Author workspace and analytics
- Bookmarks, newsletters, and API keys
- User, role, article, report, and settings administration
- Live STOMP and WebSocket notifications
- Responsive interface with dark mode