Drizzle Studio 国家预防机制 软件包 QQ
如果你想要一个Drizzle Studio NPL软件包 安装到你的产品中 - 你的位置是正确的!
Drizzle Studio是一个基于网络的现代数据库浏览器,其形式包括:
- Drizzle 地方发展工作室 用于您的 Drizzle ORM 项目
- Drizzle Studio Chrome 扩展 它允许您直接浏览 Planet Scale, Cloudflare D1, Vercel Postgres 和 AWS 数据 API 在本地控制台中
- Drizzle Studio Gateway(正在进行中的工作)是Studio关于类固醇的可部署多克化版本,你可以将其放入你的基础设施并私下连接到你的数据库中
- 滴滴工作室组件 < -- 你在这里
Drizzle Studio embeddable Component - 是Drizzle Studio的一个预先捆绑的框架不可知性网络组件,可以嵌入到您的UI(React/Vue/Svelte/VanillaJS/Whatever)中. 这是一个非常强大的UI元素,它可以提升您的报价,如果你提供数据库作为SaaS或基于SQL的数据中心SaaS解决方案,或者供面临内部使用的私人非客户使用.
使用 Drizzle Studio 的数据库平台 :
AI 为建设应用程序和网站提供动力的平台
- 替换, (中文(简体) ), 发射站
- 德诺, (中文(简体) ), 发射站
- 金斯达
- 创建.xyz, (中文(简体) ), 发射站
- 吉布索奈语, (中文(简体) ), 博客文章 视频
- 塞瓦拉岛
- 扎皮语Name
使用 Drizzle Studio 的数据中心平台 :
使用 Drizzle 工作室启动 :
我们还有一套公司使用可嵌入的 Drizzle Studio 组件进行内部使用
自定义
Drizzle Studio是高度定制 我们有一个高级 主题平台,我们有一个选入 SQL 查询运行器, 我们可以在需求时添加各种特定合作伙伴的定制 QQ
滴滴工作室有一个 选入 SQL 查询程序数字 :
可编辑的位置 贾森 支持:
高级过滤 还有很多其他有用的东西:
一体化
我们分发 Drizzle Studio 作为私有 npm 软件包, 这里的代码整合 看起来像:
import type { DrizzleStudioRef } from '@drizzle-team/your-company-studio';
import StudioScript from '@drizzle-team/your-company-studio?raw';
const lightCssVariables = {
"--background": "#ffffff",
...
};
const darkCssVariables = { ... };
function App() {
// create a ref to the drizzle-studio component
const studioRef = useRef<DrizzleStudioRef>(null);
const [theme, setTheme] = useState<'light' | 'dark'>('light');
return (
<div style={{
height: '100%',
width: '100%',
display: 'flex',
flexDirection: 'column',
}}>
<button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>
Change theme
</ button>
<drizzle-studio
ref={studioRef}
css-variables={JSON.stringify(theme === 'light' ? lightCssVariables : darkCssVariables)} // styling
title="Drizzle Studio"
style={{
flexGrow: 1,
minHeight: 0,
}}
/>
</div>
)
}
export default App
定价
定价取决于您平台的大小,以及它是否会是客户面对的或内部的,我们确实降低了赞助商的定价,如果你有兴趣支持我们的OSS会场,并且有品牌意识和与您的提供相关的流量!