Add docs

.gitignore

@@ -40,4 +40,6 @@ playwright/.auth
 .temp
 tests/tests_artifacts
 __MACOSX
-.distapp-data
+.distapp-data
+docs/.vitepress/dist
+docs/.vitepress/cache

docs/.vitepress/config.mts

@@ -0,0 +1,49 @@
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: "DistApp",
+  description: "Manage and distribute Android or iOS app",
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: 'Home', link: '/' },
+      { text: 'DistApp Managed', link: 'https://distapp.lhf.my.id' },
+      { text: 'CLI', link: '/cli/get-started-cli' },
+    ],
+
+    sidebar: [
+      {
+        text: 'Overview',
+        items: [
+          {
+            text: 'What Is DistApp',
+            link: '/overview/what-is-distapp',
+          },
+        ],
+      },
+      {
+        text: 'CLI',
+        items: [
+          {
+            text: 'Get Started CLI',
+            link: '/cli/get-started-cli',
+          },
+        ],
+      },
+      {
+        text: 'Self Hosted',
+        items: [
+          {
+            text: 'Setup Self Hosted',
+            link: '/self-hosted/setup-self-hosted',
+          },
+        ],
+      },
+    ],
+
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/yunusefendi52/distapp' }
+    ]
+  }
+})

docs/cli/get-started-cli.md

@@ -0,0 +1 @@
+# Get Started CLI

docs/index.md

@@ -0,0 +1,27 @@
+---
+layout: home
+
+hero:
+  name: "DistApp"
+  text: "Manage and distribute Android or iOS app"
+  # tagline: Docs API
+  actions:
+    - theme: brand
+      text: Overview
+      link: /overview/what-is-distapp
+    - theme: alt
+      text: CLI
+      link: /cli/get-started-cli
+    - theme: alt
+      text: Self Hosted
+      link: /self-hosted/setup-self-hosted
+
+features:
+  - title: Self Hosted
+    details: You can self host in your own infrastructure. <a style="color:var(--vp-c-brand-2);" href="/self-hosted/setup-self-hosted">Learn More.</a>
+  - title: Manage your apps
+    details: Manage all of your apps in one place. Supports Android and iOS. More coming 
+  - title: Group and organization
+    details: Create seperate group or organization for your apps
+---
+

docs/overview/what-is-distapp.md

@@ -0,0 +1,15 @@
+# What is DistApp
+
+Manage and distribute your Android or iOS app. Useful for tester or self distribution. Alternative App Center Distribution.
+
+## Use Cases
+
+- **Continous Delivery**
+
+    Integrate your development workflow with Continuous Deployment tools that can automate testing and deployment process.
+
+    We have command line (CLI) to help you publish your app to DistApp. <a style="color:var(--vp-c-brand-1);" href="/cli/get-started-cli">Learn More.</a>
+
+- **Manage Apps in One Place**
+
+    Streamline your apps in one place with separate organization or group tester for your apps.

docs/self-hosted/setup-self-hosted.md

@@ -0,0 +1 @@
+# Setup Self Hosted

package.json

@@ -18,7 +18,10 @@
     "e2e": "playwright test",
     "e2e-ui": "bun run e2e --ui-port=8080 --ui-host=127.0.0.1",
     "tests": "vitest test",
-    "build-cli": "bun build cli/cli.ts --target node > cli/cli.mjs"
+    "build-cli": "bun build cli/cli.ts --target node > cli/cli.mjs",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
     "@hebilicious/vue-query-nuxt": "^0.3.0",
@@ -80,7 +83,8 @@
     "sass": "^1.76.0",
     "sass-loader": "^10.4.1",
     "tailwindcss": "^3.4.3",
-    "vite-svg-loader": "^5.1.0"
+    "vite-svg-loader": "^5.1.0",
+    "vitepress": "^1.6.3"
   },
   "trustedDependencies": [
     "@hebilicious/vue-query-nuxt",

pages/index.vue

@@ -6,15 +6,18 @@
                 <span class="text-lg font-light">Manage and distribute your Android or iOS app.
                     Useful for tester or self distribution.
                     Alternative App Center Distribution.</span>
-                <div class="flex flex-row flex-wrap gap-4 mt-3">
-                    <NuxtLink to="https://github.com/yunusefendi52/distapp" target="_blank">
-                        <Button icon="pi pi-github" label="GitHub" severity="secondary" />
-                    </NuxtLink>
+                <div class="flex flex-row flex-wrap gap-3 mt-3">
                     <NuxtLink :to="{
                         name: isLoggedIn ? 'apps' : 'signin',
                     }">
                         <Button :label="isLoggedIn ? 'Go To Apps' : 'Get Started'" />
                     </NuxtLink>
+                    <NuxtLink to="https://docs.distapp.lhf.my.id/self-hosted/setup-self-hosted" target="_blank">
+                        <Button icon="pi pi-server" label="Self Hosted" text />
+                    </NuxtLink>
+                    <NuxtLink to="https://github.com/yunusefendi52/distapp" target="_blank">
+                        <Button icon="pi pi-github" label="GitHub" text />
+                    </NuxtLink>
                 </div>
                 <span class="text-sm italic font-light">Beta testing</span>
             </div>
@@ -34,7 +37,8 @@
             <AppCard class="h-full">
                 <article class="px-2">
                     <h2 class="font-bold text-lg mb-1">Manage your apps</h2>
-                    <p class="font-light">Manage all of your apps in one place. Supports Android and iOS. More coming</p>
+                    <p class="font-light">Manage all of your apps in one place. Supports Android and iOS. More coming
+                    </p>
                 </article>
             </AppCard>
             <AppCard class="h-full">