Deploy Studio to official website at /studio/ #25

Copilot · 2026-01-14T11:37:51Z

Enables public access to the Object UI Studio (visual designer + playground) by deploying it alongside the documentation site at the official domain www.objectui.org.

Changes

Build configuration

Set production base: '/studio/' in apps/playground/vite.config.ts
Vite automatically resolves all asset paths for nested deployment

Deployment pipeline (.github/workflows/deploy-docs.yml)

Build Studio with NODE_ENV=production after docs build
Copy apps/playground/dist/* to docs/.vitepress/dist/studio/
Trigger on changes to apps/playground/** and packages/**

Documentation integration

Primary CTA: "Try Studio Now" on homepage
Navigation: Added Studio link to top navbar
Guide: Created /guide/studio with features, shortcuts, use cases
All URLs updated to official domain: https://www.objectui.org/

Documentation added

docs/guide/studio.md - User guide

Result

Studio accessible at https://www.objectui.org/studio/ with:

Drag-and-drop visual designer
Real-time JSON editor with live preview
Design/Preview/Code view modes
Responsive viewport testing (Desktop/Tablet/Mobile)
Example template gallery
Export/copy functionality

Verified build output shows correct asset paths:

<script type="module" src="/studio/assets/index-_-asvLOs.js"></script>
<link rel="stylesheet" href="/studio/assets/index-D9iW6WaR.css">

Original prompt

如何把现有的studio发布到官网，提供给所有人试用和体验

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

- Configure Vite base path for production deployment - Update docs deployment workflow to build and deploy Studio - Add Studio navigation link to docs site - Create comprehensive Studio guide documentation - Make Studio primary CTA on homepage Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

- Add Chinese deployment guide (STUDIO_DEPLOYMENT.zh-CN.md) - Update README with Studio link and call-to-action - Provide comprehensive deployment and maintenance instructions Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

- Comprehensive summary of all changes - Technical implementation details - Testing results and verification - Maintenance instructions in Chinese Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

- Detailed user journey scenarios - Visual interface mockups - Feature demonstration flow - Performance metrics and expectations Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

- Complete Chinese explanation of the solution - Step-by-step deployment instructions - Testing and verification guide - Next steps and maintenance procedures Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

huangyiirene · 2026-01-14T12:06:00Z

@copilot 网站官网是 www.objectui.org

github-actions · 2026-01-14T12:10:37Z

✅ All checks passed!

✅ Type check passed
✅ Tests passed
✅ Lint check completed

github-actions · 2026-01-14T12:11:29Z

✅ All checks passed!

✅ Type check passed
✅ Tests passed
✅ Lint check completed

github-actions · 2026-01-14T12:11:40Z

✅ All checks passed!

✅ Type check passed
✅ Tests passed
✅ Lint check completed

github-actions · 2026-01-14T12:12:00Z

✅ All checks passed!

✅ Type check passed
✅ Tests passed
✅ Lint check completed

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Copilot · 2026-01-14T12:12:24Z

@copilot 网站官网是 www.objectui.org

已更新所有文档中的URL引用，从 objectql.github.io/objectui 改为 www.objectui.org。

Changes in commit 4461f76:

README.md中的Studio链接已更新为 https://www.objectui.org/studio/

Copilot

Pull request overview

This PR deploys the Object UI Studio (visual designer/playground) to the production website at https://www.objectui.org/studio/, making it publicly accessible for prototyping and learning.

Changes:

Configured Vite to serve Studio from /studio/ path in production
Extended deployment workflow to build and copy Studio alongside documentation
Added Studio navigation, homepage CTA, and comprehensive user guide
Updated all promotional links to point to official domain

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
`apps/playground/vite.config.ts`	Configured production base path to `/studio/` for nested deployment
`.github/workflows/deploy-docs.yml`	Added Studio build step and file copying to docs distribution directory
`docs/.vitepress/config.mts`	Added Studio navigation links to top navbar and guide sidebar
`docs/index.md`	Added prominent Studio CTA button and visual editor promotional section
`docs/guide/studio.md`	Created comprehensive Studio user guide with features, shortcuts, and best practices
`README.md`	Added Studio link to main repository documentation

Copilot · 2026-01-14T12:15:16Z

docs/guide/studio.md

+
+<div class="tip custom-block">
+  <p><strong>Try it now!</strong></p>
+  <p>Access the Studio at: <a href="/studio/" target="_blank">/studio/</a></p>


The link should not open in a new tab when navigating within the same site. Remove target="_blank" or change the href to an absolute URL if external navigation is intended. For same-site navigation, users expect links to open in the same tab.

Suggested change

<p>Access the Studio at: <a href="/studio/" target="_blank">/studio/</a></p>

<p>Access the Studio at: <a href="/studio/">/studio/</a></p>

Copilot · 2026-01-14T12:15:17Z

docs/index.md

+  <p class="custom-block-title" style="color: #6366f1;">✨ Experience Object UI Studio</p>
+  <p>Explore our interactive visual editor with drag-and-drop design, live preview, and instant JSON export. Perfect for prototyping and learning!</p>
+  <p style="margin-top: 12px;">
+    <a href="/studio/" style="display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; text-decoration: none; font-weight: 600; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); transition: all 0.3s;">


Inline styles should be avoided in documentation. Consider using CSS classes or VitePress custom theme styles. This makes the styling reusable and easier to maintain across the documentation site.

Copilot · 2026-01-14T12:15:17Z

.github/workflows/deploy-docs.yml

        run: pnpm docs:build

+      - name: Build Studio (Playground)
+        run: pnpm --filter @apps/playground build


The filter name @apps/playground appears inconsistent with typical monorepo naming conventions. Verify this matches the actual package name in apps/playground/package.json. Standard convention would be either @objectui/playground or just playground without the @apps/ scope.

Suggested change

run: pnpm --filter @apps/playground build

run: pnpm --filter ./apps/playground build

github-actions · 2026-01-14T12:15:58Z

✅ All checks passed!

✅ Type check passed
✅ Tests passed
✅ Lint check completed

Initial plan

81cadce

Copilot AI assigned Copilot and huangyiirene Jan 14, 2026

Copilot started work on behalf of huangyiirene January 14, 2026 11:38 View session

Copilot AI and others added 5 commits January 14, 2026 11:43

Add implementation summary document

2f005b0

- Comprehensive summary of all changes - Technical implementation details - Testing results and verification - Maintenance instructions in Chinese Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Add user experience documentation

0d4f622

- Detailed user journey scenarios - Visual interface mockups - Feature demonstration flow - Performance metrics and expectations Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Add Chinese solution summary for issue reporter

d51e543

- Complete Chinese explanation of the solution - Step-by-step deployment instructions - Testing and verification guide - Next steps and maintenance procedures Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Copilot AI changed the title ~~[WIP] Add studio release to official website for public access~~ Deploy Studio to official website at /studio/ Jan 14, 2026

Copilot AI requested a review from huangyiirene January 14, 2026 11:50

Copilot finished work on behalf of huangyiirene January 14, 2026 11:50

Copilot started work on behalf of huangyiirene January 14, 2026 12:06 View session

huangyiirene added 4 commits January 14, 2026 20:09

删除 SOLUTION_SUMMARY.zh-CN.md

613f8c7

删除 IMPLEMENTATION_SUMMARY.md

f26b6fb

删除 STUDIO_DEPLOYMENT.zh-CN.md

276395f

删除 STUDIO_USER_EXPERIENCE.md

97aeacb

Update Studio URL to official domain www.objectui.org in README

4461f76

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Copilot finished work on behalf of huangyiirene January 14, 2026 12:13

huangyiirene approved these changes Jan 14, 2026

View reviewed changes

huangyiirene requested a review from Copilot January 14, 2026 12:14

Copilot AI reviewed Jan 14, 2026

View reviewed changes

huangyiirene marked this pull request as ready for review January 14, 2026 12:18

huangyiirene merged commit 2fa0c15 into main Jan 14, 2026
5 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Deploy Studio to official website at /studio/ #25

Deploy Studio to official website at /studio/ #25

Uh oh!

Copilot AI commented Jan 14, 2026 •

edited

Loading

Uh oh!

huangyiirene commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

Copilot AI commented Jan 14, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Jan 14, 2026

Uh oh!

Copilot AI Jan 14, 2026

Uh oh!

Copilot AI Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	<p>Access the Studio at: <a href="/studio/" target="_blank">/studio/</a></p>
	<p>Access the Studio at: <a href="/studio/">/studio/</a></p>

	run: pnpm --filter @apps/playground build
	run: pnpm --filter ./apps/playground build

Deploy Studio to official website at /studio/ #25

Deploy Studio to official website at /studio/ #25

Uh oh!

Conversation

Copilot AI commented Jan 14, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changes

Result

Uh oh!

huangyiirene commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

Copilot AI commented Jan 14, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Jan 14, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 14, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 14, 2026

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Jan 14, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Copilot AI commented Jan 14, 2026 •

edited

Loading