创建一个 JSX-first、DSD-first 的 openElement 应用，启动开发服务器， 构建静态输出，并理解 v0.33.0 的应用 API。
deno.json imports、JSX/VNode 渲染，以及来自 @openelement/app/vite 的openElement() Vite facade。deno run -A jsr:@openelement/create my-app
cd my-app脚手架会生成页面路由、示例 island、Vite 配置和常用 Deno tasks。
deno task dev开发模式由 Vite 提供模块加载和热更新，SSR/API 行为来自生成的 Hono entry。
deno task build构建会扫描 routes 和 islands，生成 SSR wiring，输出 DSD HTML 和 client island chunks，最终结果位于dist/。
import { definePage } from '@openelement/app';
export default definePage({
route: { path: '/' },
head: { title: 'Home' },
render() {
return <main>Hello openElement</main>;
},
});import { defineIsland } from '@openelement/app';
import { signal } from '@openelement/runtime';
const count = signal(0);
export default defineIsland(
'my-counter',
() => (
<button onClick={() => count.value++}>
Count: {count.value}
</button>
),
);v1.0 的目标是稳定应用引擎。v0.33.0 让 Application API 结构化且对 AI 可读。