# yaml-language-server: $schema=https://schema.zeabur.app/template.json apiVersion: zeabur.com/v1 kind: Template metadata: name: LiveCodes spec: description: | LiveCodes is a self-hosted browser-based code playground. Write, run, and share code in 80+ languages and frameworks including HTML, CSS, JavaScript, TypeScript, React, Vue, and Python — all running client-side in the browser. No external database required. coverImage: https://avatars.githubusercontent.com/u/108276786 icon: https://avatars.githubusercontent.com/u/108276786 variables: - key: PUBLIC_DOMAIN type: DOMAIN name: Domain description: The domain to access LiveCodes tags: - Tool - Developer readme: | # LiveCodes A self-hosted browser-based code playground. Write, run, and share code in 80+ languages and frameworks — all running client-side in the browser. ## What You Can Do After Deployment 1. **Visit your domain** — open the code playground immediately 2. **Write code** — use the multi-pane editor with HTML, CSS, and JavaScript 3. **Choose a language** — switch between 80+ languages and frameworks 4. **Live preview** — see results instantly as you type 5. **Share** — generate shareable links for your code projects ## Key Features - 80+ languages: HTML, CSS, JS, TypeScript, React, Vue, Svelte, Python, Go, and more - Client-side execution — code runs in the browser, not on the server - Live preview with hot reload - NPM module support - Code formatting with Prettier - Shareable project links - Embed as iframe in other sites - No account required ## License MIT — [GitHub](https://github.com/live-codes/livecodes) services: - name: livecodes icon: https://avatars.githubusercontent.com/u/108276786 template: PREBUILT_V2 spec: source: image: ghcr.io/live-codes/livecodes:v48 ports: - id: web port: 80 type: HTTP domainKey: PUBLIC_DOMAIN localization: es-ES: description: | LiveCodes es un playground de codigo basado en navegador autoalojado. Escribe, ejecuta y comparte codigo en mas de 80 lenguajes y frameworks, todo ejecutandose en el navegador. Sin base de datos externa. variables: - key: PUBLIC_DOMAIN type: STRING name: Dominio description: El dominio para acceder a LiveCodes readme: | # LiveCodes Playground de codigo basado en navegador autoalojado. Mas de 80 lenguajes y frameworks, todo ejecutandose en el navegador. ## Que puedes hacer despues del despliegue 1. **Visita tu dominio** — comienza a usar el playground inmediatamente 2. **Escribe codigo** — usa el editor multi-panel con HTML, CSS y JavaScript 3. **Elige un lenguaje** — cambia entre mas de 80 lenguajes y frameworks 4. **Vista previa en vivo** — ve los resultados al instante mientras escribes 5. **Comparte** — genera enlaces compartibles de tus proyectos ## Licencia MIT — [GitHub](https://github.com/live-codes/livecodes) id-ID: description: | LiveCodes adalah playground kode berbasis browser self-hosted. Tulis, jalankan, dan bagikan kode dalam 80+ bahasa dan framework, semua berjalan di sisi browser. Tanpa database eksternal. variables: - key: PUBLIC_DOMAIN type: STRING name: Domain description: Domain untuk mengakses LiveCodes readme: | # LiveCodes Playground kode berbasis browser self-hosted. 80+ bahasa dan framework, semua berjalan di browser. ## Apa yang bisa dilakukan setelah deploy 1. **Buka domain** — langsung mulai menggunakan playground 2. **Tulis kode** — gunakan editor multi-panel dengan HTML, CSS, dan JavaScript 3. **Pilih bahasa** — beralih antara 80+ bahasa dan framework 4. **Pratinjau langsung** — lihat hasil saat mengetik 5. **Bagikan** — buat tautan proyek yang bisa dibagikan ## Lisensi MIT — [GitHub](https://github.com/live-codes/livecodes) ja-JP: description: | LiveCodes はセルフホスト型のブラウザベースコードプレイグラウンドです。80 以上の言語とフレームワークに対応し、すべてブラウザ側で実行されます。外部データベース不要。 variables: - key: PUBLIC_DOMAIN type: STRING name: ドメイン description: LiveCodes にアクセスするためのドメイン readme: | # LiveCodes セルフホスト型のブラウザベースコードプレイグラウンド。80 以上の言語に対応。 ## デプロイ後にできること 1. **ドメインにアクセス** — すぐにコードプレイグラウンドを使用開始 2. **コードを書く** — マルチペインエディタで HTML、CSS、JavaScript を記述 3. **言語を選択** — 80 以上の言語とフレームワークを切り替え 4. **ライブプレビュー** — 入力と同時に結果を確認 5. **共有** — 共有可能なプロジェクトリンクを生成 ## ライセンス MIT — [GitHub](https://github.com/live-codes/livecodes) ko-KR: description: | LiveCodes는 셀프 호스팅 브라우저 기반 코드 플레이그라운드입니다. HTML, CSS, JavaScript, TypeScript, React, Vue, Python 등 80개 이상의 언어를 지원하며 모두 브라우저에서 실행됩니다. 외부 데이터베이스 불필요. variables: - key: PUBLIC_DOMAIN type: STRING name: 도메인 description: LiveCodes에 접속할 도메인 readme: | # LiveCodes 셀프 호스팅 브라우저 기반 코드 플레이그라운드. 80개 이상의 언어 지원. ## 배포 후 할 수 있는 것 1. **도메인 접속** — 바로 코드 플레이그라운드 사용 시작 2. **코드 작성** — 멀티 패널 에디터로 HTML, CSS, JavaScript 작성 3. **언어 선택** — 80개 이상의 언어와 프레임워크 전환 4. **실시간 미리보기** — 입력과 동시에 결과 확인 5. **공유** — 공유 가능한 프로젝트 링크 생성 ## 라이선스 MIT — [GitHub](https://github.com/live-codes/livecodes) th-TH: description: | LiveCodes เป็น playground โค้ดบนเบราว์เซอร์แบบ self-hosted เขียน รัน และแชร์โค้ดใน 80+ ภาษาและเฟรมเวิร์ก ทุกอย่างทำงานฝั่งเบราว์เซอร์ ไม่ต้องใช้ฐานข้อมูลภายนอก variables: - key: PUBLIC_DOMAIN type: STRING name: โดเมน description: โดเมนสำหรับเข้าถึง LiveCodes readme: | # LiveCodes Playground โค้ดบนเบราว์เซอร์แบบ self-hosted รองรับ 80+ ภาษาและเฟรมเวิร์ก ## สิ่งที่ทำได้หลังจากติดตั้ง 1. **เข้าสู่โดเมน** — เริ่มใช้ playground ทันที 2. **เขียนโค้ด** — ใช้ตัวแก้ไขแบบหลายแผงกับ HTML, CSS และ JavaScript 3. **เลือกภาษา** — สลับระหว่าง 80+ ภาษาและเฟรมเวิร์ก 4. **แสดงตัวอย่างสด** — ดูผลลัพธ์ทันทีขณะพิมพ์ 5. **แชร์** — สร้างลิงก์โปรเจกต์ที่แชร์ได้ ## สัญญาอนุญาต MIT — [GitHub](https://github.com/live-codes/livecodes) zh-CN: description: | LiveCodes 是自托管的浏览器代码游乐场。支持 80+ 种语言和框架，包括 HTML、CSS、JavaScript、TypeScript、React、Vue 和 Python，全部在浏览器端执行。无需外部数据库。 variables: - key: PUBLIC_DOMAIN type: STRING name: 域名 description: 访问 LiveCodes 的域名 readme: | # LiveCodes 自托管的浏览器代码游乐场。支持 80+ 种语言和框架，全部在浏览器端执行。 ## 部署后可以做什么 1. **打开域名** — 立即开始使用代码游乐场 2. **编写代码** — 使用多面板编辑器编写 HTML、CSS 和 JavaScript 3. **选择语言** — 切换 80+ 种语言和框架 4. **实时预览** — 输入时实时查看结果 5. **分享** — 生成可分享的项目链接 ## 许可证 MIT — [GitHub](https://github.com/live-codes/livecodes) zh-TW: description: | LiveCodes 是自架的瀏覽器程式碼遊樂場。支援 80+ 種語言和框架，包括 HTML、CSS、JavaScript、TypeScript、React、Vue 和 Python，全部在瀏覽器端執行。無需外部資料庫。 variables: - key: PUBLIC_DOMAIN type: STRING name: 網域 description: 存取 LiveCodes 的網域 readme: | # LiveCodes 自架的瀏覽器程式碼遊樂場。支援 80+ 種語言和框架，全部在瀏覽器端執行。 ## 部署後可以做什麼 1. **開啟網域** — 立即開始使用程式碼遊樂場 2. **撰寫程式碼** — 使用多面板編輯器撰寫 HTML、CSS 和 JavaScript 3. **選擇語言** — 切換 80+ 種語言和框架 4. **即時預覽** — 輸入時即時看到結果 5. **分享** — 產生可分享的專案連結 ## 授權 MIT — [GitHub](https://github.com/live-codes/livecodes)