SPA Laravel 9 + Inertia Breeze за час. С Tailwind css и Vite, SPA CRUD Inertia
HTML-код
- Опубликовано: 8 сен 2024
- Стань спонсором(бусти аккаунт), доступ к собеседованиям:
boosty.to/lara...
Мои платные курсы:
laravelcreativ...
План развития с нуля до middle+:
laravelcreativ...
Группа вк:
laravel...
- Ссылка для донатов, спонсорства, пожертвований
yoomoney.ru/to...
www.donational...
- - Ссылка для донатов, спонсорства, пожертвований
yoomoney.ru/to...
www.donational...
Курс SPA Laravel Inertia за час.
Подробно объясняю, как работает связка Laravel + Inertia + Breeze + Tailwind + Vite, и показываю, как выполнить CRUD
Инерция действительно чудеса творит. Как, собственно, и автор) Спасибо за крутой, полезный контент!
Спасибо автору за труды, крутой контент
Благодарю!:)
огромная благодарность, топ контент по ларавел, всегда хотел разобраться с Tailwind и Inertia теперь хоть есть где глянуть
Круто, спасибо за ваши труды! Надеюсь будут еще курсы и много практики.
Зашло хорошо, тестил на 10тке.
Пару моментов:
1) Что бы Tailwind ушёл внутрь js/Pages/Post/ пришлось добавить в его конфиг './resources/js/**/**/*.vue', иначе не хотел
2) Автор пропустил отображение date в show, в контроллер надо впихнуть $post = PostResource::make($post)->resolve() вместо collection'a в index
3) Заполнение полей в edit с помощью магии? Мы ж даже value у полей не прописывали, но мне понравилось..
PS. И было б здорово показать как добавить картинку в inertia...
Круто!! Суперский контент делаешь и помогаешь новичкам!! Огромное тебе спасибо!!
Очень круто и лаконично рассказано!
Спасибо, отличный контент. Для меня Inertia стала открытием. А то все руками RestApi поднимать такое себе.. Применение слотов для Layouts это прикольная идея.
Спасибо! Очень оперативно! Доделаю проект получу за него деньги и обязательно твой курс пройду. Очень хорошая подача!
Спасибо за урок, краткое знакомство с inertia можно сказать удалось.
ееееее спасибо большое, вы просто лучший
Спасибо огромное! Все очень просто, доступно и не без доли юмора) Успехов вам в продвижении канала!
Raxmat Brat!
Рахмат:)
Офигеть, вот это то, что нужно.
Всегда интересные и полезные видео. Спасибо! Мне на слух больше нравится Инерция
Оу. Спасибо большое 🥳🙏
Благодарю
я так понял главное уже стало знать js во всем этом
Я первый! Ура, crud и т.д.Спасибо.
камент для продвижения
Класс, спасибо
Молодец ,красавчик!!!
автор конечно немного странный, но все равно крутой
Сделайте пожалуйста урок по Laravel + Vue для многоязычного SPA приложения связка по API)
Спасибо! 👍👍
Шикарно!
Благодарю:)
At minute 29 for those whose TailWind code didnt work out, try to add './resources/js/**/**/*.vue' in tailwind.config.js file (inside the content variable, line 11).
Also, in index.vue use the keyword "setup" next to the script, without export default!
import {Link} from '@inertiajs/vue3';
Create.vue as per Vue3, End of November, 2023:
Title:
Content:
Create
Back
import {Link} from '@inertiajs/vue3';
import {useForm} from '@inertiajs/vue3';
import {reactive} from 'vue'
import {router} from '@inertiajs/vue3'
const form = reactive({
title: null,
content: null,
})
function submit() {
router.post('/posts/create', form)
}
And for minute 56, in the show.vue, you should wrap the div inside MainLayout tags. It should look like this:
Post nr: {{postToShow.id}}
Title: {{postToShow.title}}
Content: {{postToShow.content}}
Date Created: {{postToShow.date}}
Back
import {Link} from '@inertiajs/vue3';
import {defineProps} from 'vue';
import MainLayout from '../Layouts/MainLayout.vue';
defineProps({
postToShow: Object,
})
Правильно понимаю, что вместо
return redirect()->route('post.index');
можно смело использовать более короткое:
return inertia('Post/Index'); ?
покажи как мультиязычность делать с Inertia
Спасибо за видео! Автор, подскажите пожалуйста, как дела с SSR при Inertia. Также поисковики видят Бэк, и быстро отрисовывают страницу как в случае с Blade?
а мне нравились инвоки((((
У вас есть курс по настройке vite.config для production?
Если layout добавлять через , полчается можно добавить шаблон только в том месте, где указан тег , а если в качестве шаблона header и footer, которые выше контента и ниже? В папке layouts делать компонент для хедера и компонент для футера и вставлять их вкладывать их в компоненты? Может есть другой, более рациональный способ?
Автор ваще на расслабоне клепает приложение😂
Получается это для небольших проектов только
Друзья, подскажите как это подружить с докером?
А есть объяснение этих 2х строчек, почему именно так?
protected $guarded = false;
protected $table = 'posts';
Остановился на 55:42
Чтоб можно было в таблицу в бд вставлять записи (указывает, что защищенных полей нет).
Название таблицы в бд для этой модели.
За видео спасибо
Был вопрос. Когда делаете vite то LARAVEL APP_URL: c php artisan serve не конфликтует. у них ip и порты одинаковые же. Использую докер ip адреса контейнеров указываю сам через network. Но когда делаю vite у меня белый экран. Настраиваю ip и порты. без толку. Если дадите направления или подскажите что делать c использованием docker. Был бы блогодарен
А есть планы создать видео laravel jetstream
Перезагружается страница при переходе на другие страницы, использую Link, подскажите пожалуйста в чем может быть проблема
У кого возникла похожая проблема. Обратите внимание откуда вы импортируете Link, правильный импорт - import { Link } from '@inertiajs/vue3';
Инерция удобнее
"Ctrl+S" нажимает 😄 Парень явно старой школы
Благодарю!)
В чем прикол?)) Все ж вроде так сохраняются, по-другому то как?
@@andrewlevitsky6270 Phpstorm - сохраняет всё сам
@@DamayitaDas вот это не знал 😅
На автомате постоянно ctrl+S клацаю
Помогите пожалста, что-то я совсем туплю. Вот мы через ресурс передаем посты, а потом один пост передаем просто и соответственно теряется дата. Как прередать один пост через ресурс ->resolve() не работает, отобразить можно если написать post.data.title если передавать через ресурс
На самом деле ничего нет страшного, если делать post.data.title, не заморачивайся:)
@@laravelcreative спасибо за ответ, я тоже так подумал)
А как быть с тем, что роуты не защищены и все данные в консоли отображаются?
поставить в мидлваре auth, или о чем речь?
блин, контент классный, единственное, отсутствие плавности в видео(как будто фпс низкий), глаз режет, я понимаю основная суть урока передается, но в других уроках такой проблемы не было, в плейлистах по по ларе и пхп по крайней мере.
Что такое SPA?
Single Page Application?
В inertia не будет работать vue2editor?
почему?
@@laravelcreative у меня лично не получилось и нагуглилось что есть проблемы то ли с vitom то ли с vue 3. Я прямо на эту сборку ставил, и по "вашей инструкции" И по другим.
А методы?!
Боже мой! Какая дерзость!
🤣
Посмотрел, инерция огонь 🔥🔥🔥, актуальна сейчас? Хочу платный преобрести, где иксель.