From 14f56f0c64b36d640a34b5cbb72019c551a49551 Mon Sep 17 00:00:00 2001 From: mdong Date: Thu, 1 Oct 2026 13:20:07 +0800 Subject: [PATCH 01/13] docs: layout --- docs/.vitepress/theme/Home.vue | 33 ++++++++++- docs/.vitepress/theme/HomeFeatures.vue | 56 +++++++++++++++++++ docs/.vitepress/theme/HomePlatform.vue | 32 +++++++++++ docs/.vitepress/theme/feature-placeholder.svg | 19 +++++++ docs/index.md | 42 +++++++++++--- 5 files changed, 172 insertions(+), 10 deletions(-) create mode 100644 docs/.vitepress/theme/HomeFeatures.vue create mode 100644 docs/.vitepress/theme/HomePlatform.vue create mode 100644 docs/.vitepress/theme/feature-placeholder.svg diff --git a/docs/.vitepress/theme/Home.vue b/docs/.vitepress/theme/Home.vue index 99666e54e..e16b65beb 100644 --- a/docs/.vitepress/theme/Home.vue +++ b/docs/.vitepress/theme/Home.vue @@ -1,10 +1,11 @@ @@ -20,7 +21,35 @@ const { frontmatter } = useData(); - +
+

Full-Stack Apps with Vite

+

+ Use your favorite Vite framework, add the backend features you need, and deploy with one + command. +

+
+ + + +
+
+

+ Self-host Void Platform +

+

+ Run Void Platform in your team's Cloudflare account. Manage projects centrally while + developers deploy from the CLI. +

+
+ + +
diff --git a/docs/.vitepress/theme/HomeFeatures.vue b/docs/.vitepress/theme/HomeFeatures.vue new file mode 100644 index 000000000..af8a7be26 --- /dev/null +++ b/docs/.vitepress/theme/HomeFeatures.vue @@ -0,0 +1,56 @@ + + + diff --git a/docs/.vitepress/theme/HomePlatform.vue b/docs/.vitepress/theme/HomePlatform.vue new file mode 100644 index 000000000..a75a6b8ef --- /dev/null +++ b/docs/.vitepress/theme/HomePlatform.vue @@ -0,0 +1,32 @@ + + + diff --git a/docs/.vitepress/theme/feature-placeholder.svg b/docs/.vitepress/theme/feature-placeholder.svg new file mode 100644 index 000000000..acab293f9 --- /dev/null +++ b/docs/.vitepress/theme/feature-placeholder.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + IMAGE PLACEHOLDER + diff --git a/docs/index.md b/docs/index.md index f544b8256..d822b0d44 100644 --- a/docs/index.md +++ b/docs/index.md @@ -10,6 +10,9 @@ hero: - theme: brand text: Get Started link: ./guide/ + - theme: alt + text: View on Github + link: https://github.com/voidzero-dev/void image: src: /hero.svg alt: Void deployment platform @@ -17,22 +20,45 @@ hero: features: - iconify: lucide:terminal title: Deploy with One Command - details: '`void deploy` builds your app, provisions resources, applies migrations, and deploys it.' + command: void deploy + details: builds your app, provisions resources, applies migrations, and deploys it. + highlights: + - Deploy to Cloudflare Workers or a Void platform + - Provision D1, KV, and R2 as your app uses them + - Validate and apply database migrations + guide: + text: Deployment guide + link: /guide/deployment - iconify: lucide:layers title: Full-Stack Features details: Use a database, KV, object storage, AI, authentication, queues, and cron jobs as your app needs them. - - iconify: lucide:wand-sparkles - title: Resources from Your Code - details: Void detects supported resources from your imports and provisions them on deploy. Configure existing resources explicitly. - - iconify: lucide:shield-check - title: Deploy with Confidence - details: Run on Cloudflare Workers with checked migrations, versioned deployments, logs, and rollback. + highlights: + - Server routes and pages + - Database, KV, and object storage + - AI, queues, and scheduled jobs + guide: + text: Explore app types + link: /guide/app-types - iconify: lucide:blocks title: Choose Your Framework - details: Use React, Vue, Svelte, Solid, or a supported Vite framework with SSR, SSG, ISR, and islands. + details: 'Scale your apps based on what you need: API-only, SPA + API, or full-stack.' + highlights: + - Native pages with React, Vue, Svelte, or Solid + - Supports TanStack Start, React Router, SvelteKit, Nuxt, Analog, and Astro v6+ + - Rendering options including SSR, SSG, ISR, and islands + guide: + text: Framework integrations + link: /integrations/frameworks/overview - iconify: lucide:bot title: Work with Coding Agents details: Void provides project instructions and skills to help coding agents build and deploy your app. + highlights: + - Project instructions from void init --agents + - Version-matched documentation + - Skills for building and migrating Void apps + guide: + text: Coding agents guide + link: /integrations/agents footer_heading: Build with Vite. Deploy with Void. footer_subheading: Server code, resources, and deployment in one workflow. From a1d60e92539aa34ce6f027782632f2d2e267e958 Mon Sep 17 00:00:00 2001 From: mdong Date: Fri, 2 Oct 2026 18:06:53 +0800 Subject: [PATCH 02/13] docs(home): more layouts --- docs/.vitepress/theme/Home.vue | 3 +- docs/.vitepress/theme/HomeFeatureVisual.vue | 257 ++++++++++++++++++ docs/.vitepress/theme/HomeFeatures.vue | 9 +- docs/.vitepress/theme/HomePlatform.vue | 30 +- docs/.vitepress/theme/feature-placeholder.svg | 19 -- docs/index.md | 18 +- 6 files changed, 278 insertions(+), 58 deletions(-) create mode 100644 docs/.vitepress/theme/HomeFeatureVisual.vue delete mode 100644 docs/.vitepress/theme/feature-placeholder.svg diff --git a/docs/.vitepress/theme/Home.vue b/docs/.vitepress/theme/Home.vue index e16b65beb..e83c06164 100644 --- a/docs/.vitepress/theme/Home.vue +++ b/docs/.vitepress/theme/Home.vue @@ -49,10 +49,9 @@ const { frontmatter } = useData(); + - -