From 30c95e338b4cb52aa6cfbd84715b54328ed6e795 Mon Sep 17 00:00:00 2001 From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com> Date: Wed, 24 Jun 2026 16:04:23 +0700 Subject: [PATCH] feat: revamp documentation landing page and update project naming convention --- apps/docs-dev/package.json | 2 +- apps/docs-dev/src/.vitepress/theme/custom.css | 59 ---- apps/docs-dev/src/index.md | 267 ++++++++++++++++-- 3 files changed, 239 insertions(+), 89 deletions(-) diff --git a/apps/docs-dev/package.json b/apps/docs-dev/package.json index c9f71eb..463a9b6 100644 --- a/apps/docs-dev/package.json +++ b/apps/docs-dev/package.json @@ -1,5 +1,5 @@ { - "name": "@repo/docs-dev", + "name": "docs-dev", "version": "0.0.0", "type": "module", "private": true, diff --git a/apps/docs-dev/src/.vitepress/theme/custom.css b/apps/docs-dev/src/.vitepress/theme/custom.css index ebaa726..0d698c6 100644 --- a/apps/docs-dev/src/.vitepress/theme/custom.css +++ b/apps/docs-dev/src/.vitepress/theme/custom.css @@ -26,62 +26,3 @@ --vp-c-brand-3: #652ed9; --vp-c-brand-soft: rgba(101, 46, 217, 0.25); } - -/* Custom Enterprise Section Styles */ -.enterprise-section { - max-width: 1152px; - margin: 0 auto; - padding: 64px 24px; -} -.enterprise-section h2 { - font-size: 2.2em; - font-weight: 700; - margin-bottom: 0.5em; - letter-spacing: -0.02em; - line-height: 1.2; -} -.enterprise-section > p { - font-size: 1.2em; - color: var(--vp-c-text-2); - margin-bottom: 2.5em; - max-width: 700px; -} -.enterprise-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 24px; -} -.enterprise-card { - padding: 32px 24px; - border-radius: 12px; - background-color: var(--vp-c-bg-soft); - border: 1px solid var(--vp-c-divider); - transition: border-color 0.25s, background-color 0.25s, transform 0.25s; -} -.enterprise-card:hover { - border-color: var(--vp-c-brand-1); - transform: translateY(-2px); -} -.enterprise-card h3 { - font-size: 1.25em; - font-weight: 600; - margin-bottom: 0.75em; - color: var(--vp-c-text-1); - display: flex; - align-items: center; - gap: 8px; -} -.enterprise-card h3::before { - content: ''; - display: inline-block; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--vp-c-brand-1); -} -.enterprise-card p { - font-size: 1em; - color: var(--vp-c-text-2); - line-height: 1.6; - margin: 0; -} diff --git a/apps/docs-dev/src/index.md b/apps/docs-dev/src/index.md index 15eed87..fbb548b 100644 --- a/apps/docs-dev/src/index.md +++ b/apps/docs-dev/src/index.md @@ -14,43 +14,252 @@ hero: link: /overview features: - - title: 🧩 Component Library - details: A centralized, highly accessible UI component library built for scale. - link: /packages/ui/ - linkText: Explore Components - - title: 🔌 Core API Engine - details: Robust state management and data fetching patterns across all applications. + - title: 🧩 App Layout Engine + details: Core App Shell wrapping Mantine for rapid, consistent layout creation across all products. + link: /packages/ui/CORE-APP-SHELL + linkText: Explore App Shell + - title: 📝 Form Primitives + details: RHF + Zod + Mantine components designed for O(1) render cost and deep type safety. + link: /packages/ui/FORM-COMPONENTS + linkText: View Forms + - title: 🖥️ Desktop Ecosystem + details: Complete Electron integration with secure Inter-Process Communication (IPC) and Bridge Architecture. + link: /apps/desktop/ + linkText: Desktop Docs + - title: 🔌 Core Architecture + details: Robust state management, Event Bus, first-class i18n, and unified Storage layers. link: /packages/core-api/ - linkText: View API Engine - - title: 🌐 Internationalization - details: First-class i18n support built into the core for global reach. - link: /packages/core-i18n/ - linkText: Read i18n Docs - - title: 🖥️ Desktop IPC - details: Secure and performant Inter-Process Communication architecture for desktop apps. - link: /apps/desktop/IPC_ARCHITECTURE - linkText: Explore IPC + linkText: Explore Core --- - -
-

Why this Monorepo Exists

-

Building high-end enterprise applications requires strict consistency, shared tooling, and well-defined boundaries. This monorepo serves as the absolute source of truth for our frontend ecosystem.

- -
-
+
+
+
+

Why this Monorepo Exists

+

Building high-end enterprise applications requires strict consistency, shared tooling, and well-defined boundaries. This monorepo serves as the absolute source of truth for our frontend ecosystem.

+
+
+
+
+ +

Unified Tooling

-

By enforcing strict linting, formatting, and building patterns at the root, we ensure that every application in the ecosystem adheres to our high standards without duplicate configuration.

+

By enforcing strict linting, formatting, and building patterns at the root (powered by Turborepo), we ensure that every application in the ecosystem adheres to our high standards without duplicate configuration.

- -
+
+
+ +

Shared Domain Logic

-

The separation of UI and Core logic means our web, desktop, and potential mobile applications all share the same state management and event-driven architecture, reducing cognitive load.

+

The separation of UI components and Core logic guarantees that our web and desktop applications all share the exact same state management and event-driven architecture, drastically reducing cognitive load.

- -
+
+
+ +

Accelerated Velocity

-

Stop reinventing the wheel. With a rich library of primitive components and pre-configured Vite/TypeScript environments, teams can start building product features on day one.

+

With a rich library of 22+ advanced Form components, pre-configured Vite/TypeScript environments, and an enterprise App Shell, teams can stop reinventing the wheel and start building product features on day one.

+ \ No newline at end of file