Liminal — браузерне IDE для Laravel, що працює на WebAssembly

Перекладено ШІ 3 Laravel News 02 червня, 2026

Liminal — браузерна IDE, яка запускає Laravel і PHP 8.4 у браузері через WebAssembly без потреби в сервері чи локальному PHP. Дізнайтеся про вбудований редактор, попередній перегляд, термінал, AI‑помічника та основні обмеження цього підходу.

Liminal by Andrew Schmelyun — браузерне IDE, яке дозволяє писати, запускати та переглядати Laravel‑застосунки прямо в браузері — без налаштування сервера й локальної інсталяції PHP. Це досягається запуском PHP 8.4 через WebAssembly.

Що входить

Після запуску ви отримуєте повноцінне середовище розробки в одній вкладці браузера:

  • Редактор коду — переглядайте й редагуйте файли з підсвіткою синтаксису для PHP, Blade, JavaScript, TypeScript, JSON і CSS (на базі CodeMirror 6)
  • Панель попереднього перегляду — переходьте між маршрутами та дивіться згенерований HTML; Tailwind CSS v4 підключається автоматично
  • Термінал — запускайте Artisan-команди з історією команд
  • AI‑асистент — помічник на базі OpenAI, який може читати й записувати файли та виконувати команди від вашого імені
Liminal Code Agent
Вікно коду Liminal
Liminal Preview Window
Вікно попереднього перегляду Liminal
Liminal Terminal
Термінал Liminal
Liminal AI Agent
AI‑асистент Liminal
Liminal Tools
Інструменти Liminal

Початок роботи

Liminal — не Composer‑пакет, який можна підключити до існуючого проєкту. Замість цього потрібно клонувати репозиторій і зібрати його локально:

git clone https://github.com/aschmelyun/liminal
cd liminal
bun install
cd app
composer install --no-dev --optimize-autoloader
cd ..
bun run build
bun run preview

bun run build упаковує Laravel‑застосунок у public/app.zip та виконує перевірку типів. bun run preview запускає локальний dev‑сервер і відкриває IDE у браузері.

Шеринг і синхронізація

Одна з найцікавіших можливостей — shareable URLs. Зміни в файлах кодуються безпосередньо в URL, тож можна поділитися посиланням на робочий приклад, який одразу відкриється в будь‑якому браузері — без акаунту чи інсталяцій.

Для локальної розробки Liminal підтримує синхронізацію папки через File System Access API, що відтворює віртуальну файлову систему в директорії на вашому комп’ютері. Можна також імпортувати проєкт із GitHub або експортувати роботу в .zip.

Обмеження

Запуск PHP у WebAssembly має низку компромісів, про які варто знати:

  • Немає зовнішнього мережевого доступу з PHP‑коду
  • Попередньо зібраний каталог vendor не можна змінювати
  • Підтримується лише SQLite — немає MySQL чи PostgreSQL
  • Продуктивність нижча, ніж у нативного PHP

Під капотом

Проєкт побудовано на Vue 3, TypeScript, Vite, Tailwind CSS v4 та CodeMirror 6. PHP працює в браузері через пакет @php-wasm/web-8.4.

Це вражаючий proof‑of‑concept можливостей WebAssembly у PHP‑екосистемі, а також корисний інструмент для швидкого прототипування, лайв‑демо або для обміну відтворюваними прикладами Laravel без підняття повного середовища.

Джерело на GitHub, або спробуйте прямо на liminal.aschmelyun.com.

Популярні

Інше, що варто прочитати

13 Оновлено 01 червня, 2026

Створення CLI-додатка за допомогою Laravel та Docker

Зазирніть у світ Laravel, де потужний CLI-фреймворк відкриває нові можливості для розробки командного інтерфейсу. Дізнайтеся, як створити просту утиліту для перевірки акцій, яка працює з Docker, та які переваги це може принести у вашому проєкті!

15 Оновлено 01 червня, 2026

Intervention Image: потужний інструмент для роботи з зображеннями у Laravel

Досліджуйте потужний пакет Intervention Image для PHP, який виводить редагування зображень на новий рівень з оновленою версією 3. Чи готові ви дізнатися, які нові можливості та функції чекають на вас у цьому інструменті

14 Оновлено 01 червня, 2026

Claude Agent тепер інтегрований в AI Assistant для PhpStorm

Ви коли-небудь задумувалися, як полегшити свою роботу в Laravel? У нашій статті ми розглядаємо, як інтеграція Claude Code в PhpStorm може підвищити вашу продуктивність, спростивши процес написання коду та навчання нових розробників. Читайте далі, щоб дізнатися більше про переваги та функціональність цього потужного поєднання