All series
InertiaJS & Laravel misc
InertiaJS
Laravel
-
32.InertiaJS & Vue 3 toast notifications18:33
-
31.InertiaJS frontend validation using Intus11:50
-
30.Prevent recently logged out users from seeing private pages when navigating back04:08
-
29.Prevalidate forms in InertiaJS and Laravel applications16:06
-
28.Replace auth redirect with modal dialog in InertiaJS & Laravel applications06:49
Laravel misc
Laravel
-
16.Serve Vue 3 applications using Laravel Valet04:18
-
15.Laravel SPA Authentication - setup and common mistakes16:37
-
14.Calculate remaining days until birthday05:24
-
13.Add Github and Google authentication to your Laravel application16:32
-
12.Use data providers to reduce test duplication08:56
Tailwind CSS
Tailwind
-
8.Rainbow component using VueJS and TailwindCSS09:08
-
7.TailwindCSS focus variants: focus, focus-visible, and focus-within03:50
-
6.Styling Vue components using TailwindCSS Custom Variants09:49
-
5.One trick for easier responsive work with Tailwind CSS04:58
-
4.Build a sidebar navigation07:40
VueJS misc
VueJS
-
13.Building a Vue tooltip component using TailwindCSS and Floating UI16:27
-
12.Vue watch multiple values at once03:55
-
11.Building a Vue JS textarea autoresize component05:13
-
10.Component communication in Vue3: sibling, parent, and child components06:50
-
9.VueJS loading button with TailwindCSS06:48
Tiny Tips
-
6.Install prettier and enforce it in your projects08:13
-
5.Optimizing inertia js responses in Laravel - Tiny Tip #502:27
-
4.Use scoped bindings to avoid extra guards in your Laravel controllers - Tiny tip #402:27
-
3.Customizing validation error messages in Laravel03:05
-
2.Creating laravel foreign keys01:28
HeadlessUI
-
5.Building a menu tree Vue component with TailwindCSS and HeadlessUI18:08
-
4.Headless UI Listbox reusable vue component12:25
-
3.From sidebar to slide-over on small screens with Headless UI11:51
-
2.Building a dropdown menu08:57
-
1.Building a slide-over dialog component with HeadlessUI and VueJS21:18
Trello kanboard
InertiaJS
-
15.Edit card in HeadlessUI and InertiaJS modal - Trello Kanban12:27
-
14.Moving and saving cards position using Vuedraggable - Trello Kanban19:09
-
13.Hide forms via cross-component communication - Trello Kanban03:31
-
12.Editing cards - Trello Kanban06:05
-
11.Creating cards - Trello Kanban07:31