SPA Laravel 9 + Inertia Breeze за час. С Tailwind css и Vite, SPA CRUD Inertia

Стань спонсором(бусти аккаунт), доступ к собеседованиям:

Мои платные курсы:

План развития с нуля до middle+:

Группа вк:

- Ссылка для донатов, спонсорства, пожертвований

- - Ссылка для донатов, спонсорства, пожертвований

Курс SPA Laravel Inertia за час.
Подробно объясняю, как работает связка Laravel + Inertia + Breeze + Tailwind + Vite, и показываю, как выполнить CRUD

[vyacheslavvasilev]

Инерция действительно чудеса творит. Как, собственно, и автор) Спасибо за крутой, полезный контент!

[Afrit]

Спасибо автору за труды, крутой контент

[GreatOsmanSultan]

Круто, спасибо за ваши труды! Надеюсь будут еще курсы и много практики.

[antohagobet]

огромная благодарность, топ контент по ларавел, всегда хотел разобраться с Tailwind и Inertia теперь хоть есть где глянуть

[spitzer]

Зашло хорошо, тестил на 10тке.
Пару моментов:
1) Что бы Tailwind ушёл внутрь js/Pages/Post/ пришлось добавить в его конфиг './resources/js/**/**/*.vue', иначе не хотел
2) Автор пропустил отображение date в show, в контроллер надо впихнуть $post = вместо collection'a в index
3) Заполнение полей в edit с помощью магии? Мы ж даже value у полей не прописывали, но мне понравилось..
PS. И было б здорово показать как добавить картинку в inertia...

[tatianovnafrutti]

Круто!! Суперский контент делаешь и помогаешь новичкам!! Огромное тебе спасибо!!

[АрсенийСпирин-ът]

Спасибо! Очень оперативно! Доделаю проект получу за него деньги и обязательно твой курс пройду. Очень хорошая подача!

[thunderrise]

ееееее спасибо большое, вы просто лучший

[sergeyromanov]

Спасибо за урок, краткое знакомство с inertia можно сказать удалось.

[СаналМаштыков-чй]

Спасибо огромное! Все очень просто, доступно и не без доли юмора) Успехов вам в продвижении канала!

[ЮляБорисюк-ук]

Всегда интересные и полезные видео. Спасибо! Мне на слух больше нравится Инерция

[gennadystolbov]

Спасибо, отличный контент. Для меня Inertia стала открытием. А то все руками RestApi поднимать такое себе.. Применение слотов для Layouts это прикольная идея.

[DimAlbisoara]

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!

<script setup>
</script>



Create.vue as per Vue3, End of November, 2023:

<template>
<div class="mt-10 flex flex-col items-center m-auto">
<form class="flex flex-col gap-5" @submit.prevent="submit">
<label for="title">Title:</label>
<input class="w-56 outline-none bg-slate-400 rounded-md" id="title" v-model="form.title"
placeholder="Title"/>

<label
<textarea class="w-56 outline-none bg-slate-400 rounded-md" id="content" v-model="form.content"
placeholder="Content"/>

<div class="flex gap-5">
<button class="w-20 hover:bg-slate-400 hover:text-white border rounded-md p-2" type="submit">Create
</button>
<Link :href="route('post.index')"
class="hover:bg-white border-sky-500 border hover:text-sky-500 block p-2 w-32 bg-sky-500 rounded-full text-center text-white">
Back
</Link>
</div>
</form>
</div>
</template>

<script setup>
import {reactive} from 'vue'

const form = reactive({
title: null,
content: null,
})

function submit() {
router.post('/posts/create', form)
}
</script>


And for minute 56, in the show.vue, you should wrap the div inside MainLayout tags. It should look like this:

<template>
<MainLayout>
<div>Post nr: {{postToShow.id}}</div>
<div><b>Title:</b> {{postToShow.title}}</div>
<div><b>Content:</b> {{postToShow.content}}</div>
<div><b>Date Created:</b> {{postToShow.date}}</div>
<div class="text-sky-500 "><Link
</MainLayout>
</template>


<script setup>
import {defineProps} from 'vue';
import MainLayout from '../Layouts/MainLayout.vue';

defineProps({
postToShow: Object,
})

</script>

<style scoped>

</style>

[КоляСич-мж]

Сделайте пожалуйста урок по Laravel + Vue для многоязычного SPA приложения связка по API)

[ровойт]

я так понял главное уже стало знать js во всем этом

[АртемАртеменконезабывайвыходит]

покажи как мультиязычность делать с Inertia

[sergeyinshin]

Правильно понимаю, что вместо
return
можно смело использовать более короткое:
return inertia('Post/Index'); ?

[AlbertCartel]

Спасибо за видео! Автор, подскажите пожалуйста, как дела с SSR при Inertia. Также поисковики видят Бэк, и быстро отрисовывают страницу как в случае с Blade?

[АртемАртеменконезабывайвыходит]

Получается это для небольших проектов только

[James-smq]

автор конечно немного странный, но все равно крутой