Ознайомлення з новими стартерами-китами Laravel

З випуском Laravel 12 з'явилися три нові стартові набори для React, Vue та Livewire. Кожен комплект також має варіант WorkOS AuthKit. Від коду до інтерфейсу — ці набори виглядають чудово! Давайте швидко їх розглянемо та дізнаємось, як налаштувати проект за допомогою стартових наборів.

# Встановлення стартового набору

Найпростіший спосіб почати роботу зі стартовими наборами Laravel 12 — створити новий додаток Laravel 12. Якщо у вас вже встановлено CLI для laravel, вам, можливо, потрібно буде оновити його для встановлення Laravel-додатків:

composer global require laravel/installer

Використовуйте команду laravel new для створення нового додатку, під час якої вам буде запропоновано зробити вибір щодо вашого проекту:

laravel new my-react-project

Розташування заголовка панелі стартового набору

На цьому етапі ви можете вибрати свій улюблений стартовий набір і метод автентифікації під час установлення:

Після створення проекту ви можете використовувати команду composer dev для запуску серверного додатку, обробки черги та перегляду логів:

Тепер у вас є повністю функціональний стартовий набір з вашою налаштованою стек-архітектурою! Якщо ви обрали Vue або React, точка входу для вашого додатка знаходиться за адресою resources/js/app.ts. Якщо ви обрали Livewire, ви починаєте з порожнього файлу resources/js/app.js та Vite, як і очікувалося.

Стартовий набір Livewire — чудовий спосіб ознайомитися з Livewire та навчитися використовувати компоненти Flux:

<x-layouts.app.sidebar>
    <flux:main>
        {{ $slot }}
    </flux:main>
</x-layouts.app.sidebar>

# GitHub Workflows

Ще однією приємною новиною, яку я помітив після встановлення стартового набору, є два GitHub CI workflows: linting та тестування. Workflow lint.yml запускає pint, форматує фронтенд-код з Prettier та перевіряє код за допомогою ESLint. Крок авто-комміту за замовчуванням закоментований, але ви можете швидко активувати авто-комміти, щоб підтримувати порядок у ваших репозиторіях. Лінтер працює на гілках develop та main, а також для пул-реквестів у ці ж гілки.

Файл tests.yml запускає ваш тестовий набір (в залежності від обраного) під час пушів на гілки develop та main, а також для пул-реквестів у ці ж гілки.

# Досліджуйте більше

Дізнатися більше про стартові набори Laravel ви можете у документації стартер-китів, яка містить інформацію про можливості налаштування та автентифікацію через WorkOS, якщо ви обрали WorkOS для автентифікації.