Customize Laravel Breeze: Menus, Forms, Components, Tables

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

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

50% 1

In this almost-live-coding session, I will show how to add things on top of Laravel Breeze: menu items, forms, customizing Blade components, showing a simple table, etc.
Final repository: github.com/LaravelDaily/Larav...
00:00 Intro
00:55 Add Top-right Menu Item
03:20 New Page with Form
05:10 Update Profile Route
07:05 Validation Errors Component
09:30 Saving Profile
11:14 Success Message Component
13:29 Add Top-left Menu Item
14:57 Table with Tailwind Styles
- - - - -
Support the channel by checking out our products:
- Try our Laravel QuickAdminPanel: bit.ly/quickadminpanel
- Enroll in my Laravel courses: laraveldaily.teachable.com
- Purchase my Livewire Kit: livewirekit.com
- Subscribe to my weekly newsletter: bit.ly/laravel-newsletter

Хобби

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

6 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@william254 3 года назад

This is really awesome. thanks. I installed it the other day and couldn't find much information about it. And I remember being like, now what.

@godbytechllc958 3 года назад

Thanks for the video. I agree Laravel breeze lacks documentation out there and your video really helped kicked start my learning trajectory.

@raeesshahsani 3 года назад

Perfect, exactly the same thing I was looking for. :-) Thank you

@nathanashe3770 2 года назад

This video is it, it's putting all my study together in my mind. 10/10 in every video Mr Daily!

@saviogomesdasilva2149 Год назад

Greetings from Brazil

@theekingyodah1431 2 года назад

thank you for the video, breeze is a good start, laravel jetstream has so many blind spots that dont give me the confidence to move on with my projects. i will start with this and grow with it

@amirhosseinshahbaz9641 Год назад

Thanks for tutorials. this video help me display success message in my blade

@Waghabond 2 года назад

Hey laravel daily, you said you dont need to pass the properties to the error message component. this is technically true, but the advantage of passing the errors is that it makes the component less coupled to the session and modular because then you can pass in any errors you like. There is also something to be said about how passing data explicitly is more robust.

@muhammadsalbiyath4212 3 года назад

Your content is best ❤️

@mohammadhoseinkhodnama7388 3 года назад

Extremely useful 👏👏

@kashifsolangi1718 3 года назад

Highly appreciated.

@TheLouis654 3 года назад

Thank you soo much! you saved me sir

@manafabthul3179 2 года назад

Excellent, thank you

@VimalMistry10 3 года назад

Pure gold

@rosselliot8971 3 года назад

Nice, Pov, back to basics. Keep it up.

@LaravelDaily 3 года назад

Well, Breeze is not THAT basic, with Blade components and Tailwind being new things for many Laravel developers :)

@rosselliot8971 3 года назад

I guess I'm just not a fan of the Livewire stuff.

@lykourgos.tsirikos Год назад

Nice introduction to Breeze, but how can you extend the core functionality if you want to? For example adding 2fa or user roles or force sign out and email activation first etc.

@dev_jeongdaeri 2 года назад

amazing video!!!!!

@helderneves91 3 года назад

Nice stuff...!!

@alex18971 3 года назад

Really nice video, thanks! Only thing I am missing is the email verification after it is changed.

@a3698521tw 3 года назад

Useful video

@danielcollins8536 Год назад

Hey Laravel Daily, Thanks for the great video, i have customized Breeze from this video, but can you tell me where the Email template is for the "Forgot Your Email" before you login, i would like to customized the email being sent out and i cant find its location. thank you again for the great content

@codewithtee 3 года назад

Breeze is really breeze... Just started a new project with

@iyadsaleh3695 3 года назад

Thank you

@GergelyCsermely 3 года назад

Thanks

@DanielŚmigiela 2 года назад

Hi! How to add modals into laravel breeze with Tailwind CSS? Propertie data-modal-toggle dosent work :(

@ricko13 3 года назад

Here is your daily like 👍

@wesibrani7561 2 года назад

thanks

@MassimoSimonini 3 года назад

Thank you for these tips. Can you shot the same about Breeze with InertiaJS, (dis)advantages?

@LaravelDaily 3 года назад

I don't work that much with Inertia, so wouldn't be qualified to shoot a video on this.

@shreydadhaniya2587 3 года назад

Can anyone explain me that how can i set up project2.test url for my project

@igerardogc 3 года назад

Top 🔥

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

yeah example what do I do after installing breeze api?

@loican861 2 года назад

I followed everything but there is an inconsistency; About in the profile thing, it does not have any columns

@swissv2 3 года назад

I know this is an extra question, but there is an Email Verification process which requires a user to verify their email after logging in. How would you add middleware 'verified' (for users needing to verify their email) to the routes group that you created? I did find a bit of documentation on Laravel's website in the section "verification" > "protecting routes"

@LaravelDaily 3 года назад

I don't remember how I structured the routes in that video, but typically it's Route::group(['middleware' => 'verified'], function() {.... all routes inside here ... });

@khairulimran1269 2 года назад

Try Route::group(['middleware' => ['auth', 'verified']], function () {});

@sonesay 2 года назад

Hi, I've followed steps up until 2.24 but I dont see the new menu item. Is there some type of cache/rebuilding step required to see changes?

@sennazincken8896 2 года назад

Hi, I had the same problem and found the fix for me. I use visual studio and then Control+P to open up that search bar which he does in phpstorm, then i can see navigation.blade.php 2 times. you need to work in the one which is part of 'YourProject/resources/views/layouts' not the other one. that should fix it.

@Wonder01611 2 года назад

When adding the profile and starting the server I keep getting ParseErrorsyntax error, unexpected end of file, expecting "else if" or "else" or "endif" any advice?

@darkur5235 3 года назад

Your code shows a lot of tips: for example it shows Route::view( and then the 'uri:', how can I get this line tip? or is this a VSC mac feature? I am on windows

@LaravelDaily 3 года назад

It's from PhpStorm.

@yassin7047 2 года назад

i cant seem to find the index blade file

@XitizBasnet 2 года назад

when i press update it will ot redirect to profile page but it will get blank page.Pleasehelp me.

@abdulquyyum3856 2 года назад

Hello Teacher, I want to view user profile with Role Name as the Role_Name has foreign Id to User Table. Can You help me out. Regards, AQ

@edelplays 3 года назад

Hi, how can I pass data to the standard dashboard view from Breeze? I didn't found the controller of the dashboard view.

@LaravelDaily 3 года назад

You can create that controller and point to it in the routes.

@edelplays 3 года назад

@@LaravelDaily do I need to envelop the route function that Breeze already creates for the dashboard in a Route::group along with the other routes that I want to create?

@LaravelDaily 3 года назад

It depends on what you want inside that group, I can't answer that for you

@smartdigitalsupport9033 2 года назад

Is there any tutorial that used Customize Laravel Breeze with Vue JS?

@LaravelDaily 2 года назад

Not yet, but it's coming: twitter.com/taylorotwell/status/1466161590928085001

@paulandrewsantos3274 Год назад

10:26 mine is not working, i have to update also the password in order to successfuly update user info.

@huynguyenduyit4441 Год назад

After I fixed code in Breeze, It didn't work even though it just : You are logged in ! Hello world >>>> // doesn't display . Anyone help me.

@Arthur-bq5uk 3 года назад

how to fade out that session messages?

@LaravelDaily 3 года назад

One way is with Alpine.js, look at the source how it's done in Jetstream.

@PappyTrading Год назад

The GET method is not supported for this route. Supported methods: POST.

@mithu_das 3 года назад

would you create a Livewire CRUD SPA Admin Panel in short???

@joe_fu 3 года назад

Laravel Admin

@mithu_das 3 года назад

@@joe_fu yeah! laravel livewire SPA admin panel

@marygracepabilando7189 2 года назад

Can I use bootstrap instead of tailwind css when in Laravel Breeze?

@LaravelDaily 2 года назад

@martenhansson1558 2 года назад

@@LaravelDaily Why does Breeze care about that?

@cocl6331 2 года назад

remove laravel/breeze and install laravel/ui. There you can

@joymasaya9263 3 года назад

Hello. sorry im just a beginner, im following your tutorial, my question is why does the words, uri: view: and name is not showing in my visual studio code

@LaravelDaily 3 года назад

Because I'm using phpstorm and not vs code

@laravelvuemedia 3 года назад

getting this error..Undefined property: Illuminate\Auth\AuthManager::$user

@eivydasvickus1275 3 года назад

Maybe you can make video about Signed URLs?

@PovilasKorop 3 года назад

I don't think I can add more about them than it is in the official documentation, it's all pretty clear there, and it's a small feature.

@WallSpot 3 месяца назад

I came here by searching mega menu tailwind. Actually my tailwind mega menu dropdown is not working.

@roquetlegume9628 3 года назад

I've created a page using code analogous to this but it doesn't seem to be saving to the DB. I noticed you don't review the SQL post-update for the profile - does this video not cover that, or is this a problem with my code?

@guilhermemoraes4055 3 года назад

How can I translate x-auth-errors to my language, which is portuguese?

@TheSamfelgar 3 года назад

Se for pt-br, você pode usar essa biblioteca: lucascudo/laravel-pt-br-localization, já vem com muita coisa pronta. De qualquer modo, os arquivos de tradução ficam em resources/lang, é bem tranquilo de adicionar/alterar itens.

@guilhermemoraes4055 3 года назад

@@TheSamfelgar Ah sim, valeu ! Não sabia aonde ficava os arquivos de linguagem.

@igorthierry 3 года назад

in my password validation I had to pass nullable, so he doesn't consider when the password was not informed

@MrDragos360 3 года назад

Am I the only one who have a really hard time understanding and using components in Laravel ? I feel like components divide the view part way too much. Like why would you need a component for a button, a label or an input ? To make them "dynamic" and write ifs and switchs and have to memorie what params it needs to do something or to brake the entire project if you change something ? Really ? I am not a big fan of reusable code that is filled with ifs and switches statements. I can use components in Vue easly, not as "low level" as making components for each element like button, label, input ,etc, but for general stuff like items on a list, header, footer, etc(bigger stuff).

@LaravelDaily 3 года назад

I was not a big fan either, but then changed my mind a bit, my thoughts in this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HybWBINeXMw.html