daisyUI meets Laravel Livewire

Подписаться 5 тыс.

Просмотров 11 тыс.

50% 1

If you haven't heard about DaisyUI, then you're missing out. But if you use Laravel or are Laravel-curious, then there's a great option for you that combines the flexibility of DaisyUI with the power of Laravel Livewire. Let's take a look.
Help me choose my next video:
cir.re/suggest
Links:
In-depth daisyUI look ( • Build Apps Faster with... )
daisyui.com/
mary-ui.com/
00:00 Intro to daisyUI
01:19 Creating a Button in Livewire
02:25 Installing daisyUI
03:26 Creating a Livewire Component
04:15 Adding daisyUI
06:03 Theming Buttons
07:25 Adding Loading State
12:09 Introducing Mary UI
13:22 Installing Mary UI
14:39 Creating Button with Mary UI
16:40 Overview of Mary UI Repo
17:43 Paper Dashboard Demo App
18:19 Conclusion
for the algo:
laravel, livewire, component libraries, daisyui, tailwind components, tailwind buttons, tailwind tabs, tailwind cards, customizable uis, themable uis, laravel daisyui, livewire spinners, laravel loading spinners, bootstrap alternatives, css frameworks, front end development, web application development, php development, server side rendering

Видеоклипы

Опубликовано:

29 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 49

@robsontenorio2 7 месяцев назад

Great to see a bit of MaryUI ❤

@joshcirre 7 месяцев назад

Just a quick peek! Hoping to get to dive into it more in a Component Library for TALL Stack video coming up soon. :)

@th3ja 6 месяцев назад

Keep up the awesome content!

@joshcirre 6 месяцев назад

Thanks for the support! Got some fun things coming!

@b3rking 6 месяцев назад

You doing great! Keep it up!

@joshcirre 6 месяцев назад

Thank you! I will do my best! Anything you're looking to see?

@mogr488 6 месяцев назад

Thank you. New horizon unlocked !

@alkadoHs 6 месяцев назад

Thanks dude, It's Gold contents to me.

@user-si5mf4ov3c 7 месяцев назад

awesome for this video

@khanra17 6 месяцев назад

awful for the audio. 🤮

@MrSonicastra 6 месяцев назад

Nice video, i followed!

@joshcirre 6 месяцев назад

Awesome, thank you!

@_hamza_mg 6 месяцев назад

Good job bro🎉🎉 Thank you Please make more livewire volt videos

@joshcirre 6 месяцев назад

Thanks so much for the support! And will do! Livewire Volt is my favorite piece of tech right now. 😁

@tobiaskilroy Месяц назад

Hey thanks for the video! I notice when you run 'laravel new app-name' you have the option to install with breeze/jetstream and then chose the stack. Mine only runs a basic install. What am I missing? Also, is it possible to include things like sail in this creation process?

@joshcirre Месяц назад

Hmm! Are you using the Laravel Herd app or did you use the Laravel Composer installer? Either way if you run composer require laravel/breeze --dev and then the php artisan breeze:install command after your app has been generated then you can get the same prompts. I don't use Laravel Sail and just rely on Laravel Herd but I'm sure there are others who do!

@tobiaskilroy Месяц назад

@@joshcirre ah that will be it! Thanks for the reply. I’ll check out herd 👍

@Ahmed-gamal. 6 месяцев назад

great content, what is the name of the terminal you are using with auto complete and starter kits on install, is it Available for windows?

@joshcirre 6 месяцев назад

That is the Warp terminal. Unfortunately it is not available on Windows right now, but looks like they have an option to be notified when it is! And starter kits on install is out of the box with the Laravel Composer (at least for me). :)

@fibertechserver9808 6 месяцев назад

Great video! I see that you can create a new laravel project with laravel new ... what is your starterkit or what software do you use for local development? I am on windows and laragon an I need to manually setup my project with composer new ... and composer install breeze and so on ... Thank you!

@joshcirre 6 месяцев назад

I haven't been on Windows in awhile, but as long as you install laravel globally through composer, and add that composer to your path, you should be able to use Laravel New: confluence.cornell.edu/pages/viewpage.action?pageId=371820671

@StevMajer 6 месяцев назад

Thank YOU! @@joshcirre

@sawaLearn 6 месяцев назад

Nice video What program do you use to record your screen and camera ?

@joshcirre 6 месяцев назад

I use OBS to record screen and camera. It's been a journey finding what works best for me. :)

@sawaLearn 6 месяцев назад

Keep the Great Content@@joshcirre

@jayadevrath2364 6 месяцев назад

Can you please tell me which vs code theme you are using. Its looking awesome 😎😎

@joshcirre 6 месяцев назад

It is called the "Natty" theme in VS Code. And I would check out Caleb Porzio's "Make VS Code Awesome" course/package. It has a ton of neat and nifty tweaks to make VS Code... awesome.

@joewardpr 5 месяцев назад

I'd love to see a demo of using a different template than the one Breeze creates for the dashboard, to use some of the other features of "mary"/DaisyUI for nav, etc. E.g. the "drawer" component. The order you did things seems effective. I tried creating a new project without Breeze, adding mary, and then adding Breeze. And, I tried creating the new project with Breeze from the start, and then adding mary. Both resulted in a bunch of noob mistakes. I'll give it another shot following your process of installing DaisyUI on its own, and then doing some of the manual installation steps for mary, and she where it gets me. Perhaps then, I can modify the Breeze dashboard template using DaisyUI/mary stuff.

@joewardpr 5 месяцев назад

P.S. Great video. Thank you! (And, I new you were speaking lower for the kiddos! I've done the same before.) :)

@joshcirre 5 месяцев назад

I don't know when I'll finish it up, but I just started recording a deep dive into 8 different UI Libraries in the TALL stack and that includes full dashboard layout too! :) I appreciate the support and I'm glad you understand the "whisper talk". 😂

@popwizzyrossy1791 6 месяцев назад

Thanks

@0xcodeboy 4 месяца назад

Awesome video, thamk you, big brother, assalamunalaikum

@joshcirre 4 месяца назад

Thank you!

@aogunnaike 6 месяцев назад

hi, i don't get the installer starter kits option when i do laravel new project name

@joshcirre 6 месяцев назад

Oh no! I'm using Laravel Herd to make this happen, but as long as you install the Laravel command globally with composer, it should give you those options. Otherwise, you can install Breeze manually here: laravel.com/docs/10.x/starter-kits

@incognito7840 6 месяцев назад

hello sir can u help me to learn how to give permissions to the users as per their roles in laravel livewire please

@scott_itall8638 Месяц назад

Class based volt or functional volt what would be the "recommended" approach?

@joshcirre Месяц назад

I think it depends on what resonates the most with you. I think I prefer Class based Volt just because then I don't have to mentally shift the Livewire docs for non-Volt examples. The Functional Volt style is definitely prettier though. ☺️