Laravel представив офіційний Svelte + Inertia Starter Kit

Laravel тепер пропонує офіційний Svelte starter kit, що доповнює наявні варіанти React, Vue та Livewire. Набір поєднує Svelte 5 з Inertia — отримуєте SPA‑досвід, зберігаючи серверну маршрутизацію та контролери Laravel.

# Стек

У наборі:

• Svelte 5 з TypeScript
• Inertia 2 для клієнтської навігації без API
• Tailwind CSS для стилізації
• shadcn-svelte і bits-ui — UI-компоненти
• Vite для збірки ресурсів

# Аутентифікація

Аутентифікацію забезпечує Laravel Fortify — в наборі є вхід, реєстрація, скидання пароля, підтвердження електронної пошти та двофакторна автентифікація. Окремі функції можна вмикати або вимикати в config/fortify.php.

# Макети

Набір постачається з двома макетами застосунку: бокова панель (за замовчуванням) та шапка. Бокова панель підтримує три варіанти — sidebar, inset і floating — їх налаштовують у resources/js/components/AppSidebar.svelte. Сторінки аутентифікації теж мають три варіанти макетів: simple, split і card.

# Компоненти

UI‑компоненти надходять із shadcn-svelte. Додати компоненти можна командою:

npx shadcn-svelte@latest add switch

Компоненти публікуються в resources/js/components/ui/ і їх можна імпортувати прямо у Svelte‑файлах.

# Серверний рендеринг (SSR)

Підтримка SSR включена. Зібрати SSR‑сумісний бандл:

npm run build:ssr

Або запустіть dev‑сервер із увімкненим SSR:

composer dev:ssr

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

Створіть новий застосунок через Laravel installer і виберіть Svelte, коли з'явиться підказка:

laravel new my-app

Потім встановіть залежності й запустіть dev‑сервери:

Застосунок буде доступний за адресою http://localhost:8000.

Вихідний код starter kit — на github.com/laravel/svelte-starter-kit. Документація — у Laravel starter kits docs.