升数

用于 网络组件,由 硝基。 。 。 .

• 框架适配器 选择 升 (违约), 快速元素,或 伊莲娜 通过 --adapter
• 基于文件的路由 —— 说 pages/index.ts → /, (中文(简体) ), pages/blog/[slug].ts → /blog/:slug
• 精简安全部门改革 ——声明式影子DOM(Lit/FAST)或轻型DOM(Elena)
• 客户水合 —— 说 LitroRouter (基于URLPattern)在SSR之后以无闪光器接管
• 服务器数据获取 —— 说 definePageData() 在服务器上运行, 串行到客户端
• 内容层 —— 说 litro:content markdown 博客的虚拟模块, 有 11ty 兼容的前题
• API 路线 - 简单 server/api/ 使用 H3 处理器的文件
• Dev 一个端口 – Vite和Nitro共享一个单一的HTTP端口
• 任何部署 - Node.js, Cloudflare工人,Vercel Edge,静态通过硝基适配器

快开始

# npm
npm create @beatzball/litro@latest my-app

# pnpm
pnpm create @beatzball/litro my-app

# yarn
yarn create @beatzball/litro my-app

# bun
bun create @beatzball/litro my-app

# deno
deno init --npm @beatzball/litro my-app

cd my-app
pnpm install
pnpm dev

哈罗世界

// pages/index.ts
import { html } from 'lit';
import { customElement } from 'lit/decorators.js';
import { LitroPage } from '@beatzball/litro/runtime';
import { definePageData } from '@beatzball/litro';

export const pageData = definePageData(async () => ({
  message: 'Hello from the server!',
}));

@customElement('page-index')
export default class IndexPage extends LitroPage {
  override render() {
    const data = this.serverData as { message: string } | null;
    return html`<h1>${data?.message}</h1>`;
  }
}

如何比较

关于Hello World JS数字的说明:基于广泛引用的社区基准和已公布的框架文件的大致数字——不是该项目独立衡量的。 Lit 的~ 5 kB 运行时大小记录在 已点出10. 下个.js和Nuxt.js的数字反映了共同报告的JS最低限度有效载荷的基准,并因框架版本和配置而异.

道德操守办公室

Litro在将HTML发送到浏览器之前,先使所有页面服务器侧面——通过声明阴影DOM(Lit/FAST)或光DOM(Elena). 搜索引擎接收到全发内容——与Next.js和Nuxt.js使用的方法相同. 只有客户端的网络组件有SIO限制;Litro的SSSR默认消除了它们.

这怎么行啊

文档

页:1 立特罗.dev。 。 。 .

软件包

许可证

阿帕奇许可证2.0 — 版权2026 batzball.