For anyone having trouble with the CSS stuff when clicking on "Register" or "Login": It's an issue with the default "app.blade.php" file. You should change "mix('css/app.css')" to "asset('css/app.css')". I think this should also be mentioned in the video since this is the first video that shows up about Laravel Jetstream.
I like this scaffold, but it is overly complicated to modify. I am trying to build onto the scaffold and add options to the drop down menus in the "profile section" but the routing is totally confusing. I keep getting errors.
Caleb Porzio added Alpine too, and is alive for example with the "Saved" flag with time duration, or the modals. In my exerience it is the most difficult to understand. And is essential to get most of jetstream.
I would be very happy if you answer. I want to use Jetstream in the CRM software I developed with Laravel, but it gives errors with the npm install, npm run dev commands. How can I solve this?
Thanks for the video. Really helped me figure out the routing. One question: At 5:36, you show where the method for updateProfileInformation exists. Where does the variable $updater get passed? Thanks!
can you please give us a complete example of how to create a new form with label, input, submit, how it goes to controller and returns output using livewire and jetstream...
Thanks @LaravelDaily for the great videos! One question. I have added multiple profile fields and I would like to update them based upon a http response that I get, something like pre-fill. I have manage to do that but I am unable to display the updated profile fields value without refreshing the page manually. Do you have an idea how to solve that use case?
You can't decouple Tailwind from Jetstream. Then yes, you need to go with Fortify and whatever front-end framework you want, for Bootstrap yes you can use Laravel UI.
Hi, thanks for making these videos. They are really helpful to understand the whole Laravel framework. But I am confused about jetstream. I understand that its great for getting things going quick but I keep reading contradicting things about it being API ready. Does jetstream allow for easy api creation or will I have to redo all the routes if I want to create an app that connects to the laravel jetstream website??
What do you mean exactly by easy API creation? Creating API is quite easy in Laravel itself, Jetstream doesn't make it easier or harder, it's a web scaffolding, not that much about API (although it uses Laravel Sanctum internally)
@@LaravelDaily What I mean by that is for example. If I want to create a web to do app, that allows users to create a to do list. But I also want to create a native iOS app for it. Would I need to write the controllers twice? (I’m a newb with laravel) how would my native iOS app get the list in JSON?
Not sure what you call API then. If you mean taking data from the same database, then Eloquent is your API. I think you're looking at things too theoretically, just start creating controllers and you will ask more practical questions.
How to costumize upload photo profile form to bootstrap template in laravel jetstream, When i copy the coding from file profile-information-form to bootstarap template I get some code at the top page. Thanks sir.
Jetstream is powered by Tailwind, and also a lot of Blade/Alpine/Livewire/Inertia components under the hood, so I guess you can't copy something from one file, it's much more complicated.
Depends on what you mean by "number formatting", you can always auto-validate the number inside updated() method, or use a package, like this one: davidhallin.com/blog/livewire-masks-with-manny/
i'm new with laravel. I just started learn Laravel from version 7. When Laravel 8 released (including jetstream), I tried using it. And I confuse with that x-jet-something, where the heck that reference from XD
Those are the named components. If using with Inertia and Vue the components would be resources/js/Jetstream. There you will find all the components used in the app
@@tannercampbell yes, but I confused with the "jet". And I opened the documentation for blade component, there's nothing like "x-jet" in there. But thank god, I finally found it. I wish this video came early, hahaha 😂
Thank You for this Video, very interesting. May I have a question? If I edit this file app/actions/...Fortify/UpdateUserProfileInformation.php Could it couse a problem I Laravel will update Fortify? Should I make a Copy of this controller and use a copy and change the controller in the published view files? Thx.
@@LaravelDaily I still get this error. "SQLSTATE[42S02]: Base table or view not found: 1146 Table 'bpblog2021.users' doesn't exist (SQL: insert into `users` (`gnaam`, `email`, `wachtwoord`, `updated_at`, `created_at`)" when trying to sign up.
So we have the dashboard section forms "powerd' by Livewire, it give us some reactivity without page reload. And the input field values are passed to laravel fortify by Livewire, and at the backend fortify takes care of input validation and updates. So we can update user information, using livewire and fortify It is clear so far. But what if we want to jump a bit forward and we want to register the user using livewire. At the moment user creation is taken care by fortify as we submit the registration form we submit it to the register route. Is there any special how fortfy create new users? I mean if i do a livewire component for user registration i could save the user with livewire exatly the same way how fortify would save it. Right? So a livewire CreateUser method: public function register() { $this->validate(); $user = User::create([ 'email' => $this->email, 'password' => Hash::make($this->password), ]); auth()->login($user); return redirect('dashboard'); } Would be result thesame as the fortify version of user creation: public function create(array $input) { Validator::make($input, [ 'name' => ['required', 'string', 'max:255'], 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 'password' => $this->passwordRules(), ])->validate(); return User::create([ 'name' => $input['name'], 'email' => $input['email'], 'password' => Hash::make($input['password']), ]); } Am I right? or is there any difference?
Yes, you're probably right, although I haven't tried it myself, Jetstream has Livewire/Inertia only in internal pages, but not on login/registration forms, and I personally like it that way, not sure why login/register form would need the reactivity of Livewire.
Not sure what is the question here: same thing - you add a DB field (possible ENUM for gender? not sure), then in Blade, and $input['gender'] when saving.
No, these are totally different approaches, with QuickAdminPanel we stick with old "proven" technology and pure simple Laravel + Blade, at least for now. We don't want to overcomplicate the generated code for our customers.
It's a personal preference for everyone. I'm a back-end developer at the core, so I love the idea of not writing JavaScript at all, Livewire helps with that.
@@PovilasKorop Well I do have another comment, the idea of JetStream is to make use of Laravel routing instead of an SPA JS framework routing but I was kinda confused when I opened web.php when I didn't find the routes for profile, teams...etc where did they define them?
@@mohamedel-damarawy6595 They are not public in routes/web.php. They are inside vendor: Here github.com/laravel/jetstream/blob/1.x/routes/livewire.php And here github.com/laravel/jetstream/blob/1.x/src/JetstreamServiceProvider.php#L168
Somebody help me,Myself sathish I am a fullstack developer trainee in angularjs and laravel at indian small IT company,If I will have completed 2 to 3 years experience means,can I go other foreign countries by using this experience And also,is laravel is more familiar other countries?,please guide me
Did exactly as you did here........... Open up page, "Class Inertia Not Found".... Why am I missing this when I said to use livewire anyway? Okay, whatever, *adds inertia to fix the issue* Refresh landing page, goes to register and BAM. Giant logo and no CSS..... Wtf is going on? There's no reason I should follow you, who is following the DOCS.... Just to have entirely different results on a fresh project... Y'all should've left the old auth system easily useable in laravel 8....
I think jetstream is going astray from the philosophy Laravel started with and solving a problem no one had. It's a very highly opinionated design. It's overly complex. I just don't get it.
You are so correct, so many new things at once. That's why people are complaining because of the new learning curve.
For anyone having trouble with the CSS stuff when clicking on "Register" or "Login": It's an issue with the default "app.blade.php" file. You should change "mix('css/app.css')" to "asset('css/app.css')". I think this should also be mentioned in the video since this is the first video that shows up about Laravel Jetstream.
My favorite channel for Laravel
i was confused about x-jet . this video help me to understand the concept. Great effort. Bundle of thanks.
Well said my friend, this Jetstream thing got me OVERWHELMED!
Optimistic + Professionalism = Laravel Business
thank you, I needed this for understanding why I have to move on to jetstream (complicated).
I like this scaffold, but it is overly complicated to modify. I am trying to build onto the scaffold and add options to the drop down menus in the "profile section" but the routing is totally confusing. I keep getting errors.
I would say try livewire by its own it is the best thing for laravel. Writing php for Ajax requests WOW.
I love your channel! Continue with this nice Content!!
One of the best Laravel channels!
Caleb Porzio added Alpine too, and is alive for example with the "Saved" flag with time duration, or the modals. In my exerience it is the most difficult to understand. And is essential to get most of jetstream.
I would be very happy if you answer. I want to use Jetstream in the CRM software I developed with Laravel, but it gives errors with the npm install, npm run dev commands. How can I solve this?
Brilliant explanation.
Outstanding presentation! Thank you.
9:12 What if I want to add a select tag to the form?
Thank you for your work!
Thank you. Do you have an equivalent video for Jetstream INERTIA staock?
No I don't actively work with Inertia.
Thanks for the video. Really helped me figure out the routing.
One question: At 5:36, you show where the method for updateProfileInformation exists. Where does the variable $updater get passed?
Thanks!
Thanks - really nice intro.
can you please give us a complete example of how to create a new form with label, input, submit, how it goes to controller and returns output using livewire and jetstream...
Thanks @LaravelDaily for the great videos! One question.
I have added multiple profile fields and I would like to update them based upon a http response that I get, something like pre-fill.
I have manage to do that but I am unable to display the updated profile fields value without refreshing the page manually.
Do you have an idea how to solve that use case?
Sorry this is not something I can answer in a comment, without debugging the actual code.
@@LaravelDaily I will prepare a repository and share with you. On which email address would you like to share?
Hello, I have the same issue, have you found out a way to solve it?
how do I make to enable the profile image section form? could u help me?
Just a question, can we use this in filament?
There's a plugin Filament Jetstream or something like that.
Also it comes with alpine js.
Thanks for the explanation. How about how to decouple Tailwind CSS? Or is it just easier to go with Fortify and Laravel UI? Thanks.
You can't decouple Tailwind from Jetstream. Then yes, you need to go with Fortify and whatever front-end framework you want, for Bootstrap yes you can use Laravel UI.
How can I use Jetstream with docker?
laravel should bring the documentation for jetstream and inertia inside the main site.
Hi, thanks for making these videos. They are really helpful to understand the whole Laravel framework. But I am confused about jetstream. I understand that its great for getting things going quick but I keep reading contradicting things about it being API ready. Does jetstream allow for easy api creation or will I have to redo all the routes if I want to create an app that connects to the laravel jetstream website??
What do you mean exactly by easy API creation? Creating API is quite easy in Laravel itself, Jetstream doesn't make it easier or harder, it's a web scaffolding, not that much about API (although it uses Laravel Sanctum internally)
@@LaravelDaily What I mean by that is for example. If I want to create a web to do app, that allows users to create a to do list. But I also want to create a native iOS app for it. Would I need to write the controllers twice? (I’m a newb with laravel) how would my native iOS app get the list in JSON?
Well yes, twice, one for web interface, one for API. That's how web and API works, it's not specific to Jetstream or even Laravel.
@@LaravelDaily but why? It’s the same interface .. shouldn’t it be api forward? One api .. two interfaces pulling from the same API?
Not sure what you call API then. If you mean taking data from the same database, then Eloquent is your API.
I think you're looking at things too theoretically, just start creating controllers and you will ask more practical questions.
The icons on the right side of input fields is included with Livewire ?
That's LastPass and Chrome's autoComplete
How to costumize upload photo profile form to bootstrap template in laravel jetstream,
When i copy the coding from file profile-information-form to bootstarap template I get some code at the top page.
Thanks sir.
Jetstream is powered by Tailwind, and also a lot of Blade/Alpine/Livewire/Inertia components under the hood, so I guess you can't copy something from one file, it's much more complicated.
Thanks
Povilas, can you suggest simplest way to make number formating in liveware form input?
Depends on what you mean by "number formatting", you can always auto-validate the number inside updated() method, or use a package, like this one: davidhallin.com/blog/livewire-masks-with-manny/
i'm new with laravel. I just started learn Laravel from version 7. When Laravel 8 released (including jetstream), I tried using it. And I confuse with that x-jet-something, where the heck that reference from XD
Those are the named components. If using with Inertia and Vue the components would be resources/js/Jetstream. There you will find all the components used in the app
@@tannercampbell yes, but I confused with the "jet". And I opened the documentation for blade component, there's nothing like "x-jet" in there. But thank god, I finally found it.
I wish this video came early, hahaha 😂
@Achmed Islamic Hernawan checkout this tutorial laracasts.com/series/Blade-Component-cookbook it's like a magic of working with css.
Thank You for this Video, very interesting. May I have a question? If I edit this file app/actions/...Fortify/UpdateUserProfileInformation.php
Could it couse a problem I Laravel will update Fortify? Should I make a Copy of this controller and use a copy and change the controller in the published view files? Thx.
no, you can modify it, that's why it was copied to your project, just don't modify the files in vendor
@@popplestones886 Thanks!!!
Where can I select the database table to use for registration and login? I don't want to use the basic one.
It's in config/auth.php of Laravel: github.com/laravel/laravel/blob/2b8f3aa506f1f2463dfdb43b063d17674b86c8cd/config/auth.php#L41
@@LaravelDaily I still get this error. "SQLSTATE[42S02]: Base table or view not found: 1146 Table 'bpblog2021.users' doesn't exist (SQL: insert into `users` (`gnaam`, `email`, `wachtwoord`, `updated_at`, `created_at`)" when trying to sign up.
Hello,Thank for you
So we have the dashboard section forms "powerd' by Livewire, it give us some reactivity without page reload. And the input field values are passed to laravel fortify by Livewire, and at the backend fortify takes care of input validation and updates. So we can update user information, using livewire and fortify It is clear so far. But what if we want to jump a bit forward and we want to register the user using livewire. At the moment user creation is taken care by fortify as we submit the registration form we submit it to the register route. Is there any special how fortfy create new users? I mean if i do a livewire component for user registration i could save the user with livewire exatly the same way how fortify would save it. Right?
So a livewire CreateUser method:
public function register()
{
$this->validate();
$user = User::create([
'email' => $this->email,
'password' => Hash::make($this->password),
]);
auth()->login($user);
return redirect('dashboard');
}
Would be result thesame as the fortify version of user creation:
public function create(array $input)
{
Validator::make($input, [
'name' => ['required', 'string', 'max:255'],
'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
'password' => $this->passwordRules(),
])->validate();
return User::create([
'name' => $input['name'],
'email' => $input['email'],
'password' => Hash::make($input['password']),
]);
}
Am I right? or is there any difference?
Yes, you're probably right, although I haven't tried it myself, Jetstream has Livewire/Inertia only in internal pages, but not on login/registration forms, and I personally like it that way, not sure why login/register form would need the reactivity of Livewire.
Povilas you are from Greece ? Great work but the way thanks :)
No, from Lithuania, our names endings are similar to yours :)
@@PovilasKorop Ok , thanks
Awesome! Thank you!
how to know, the current user id??
so helpfull, thanks
Thanks :)
Also, you can use laravel/ui, its still suported and updated
But conveniently removed from the documentation in version 8
@@QuentinWatt Which leads people like me to think it's entirely not usable in L8
The mix manifest doesn't exist..... We didn't run npm command?
Thank u
Hi, how do you add a gender field wherein the data on the database will show again in the dropdown select field?
Not sure what is the question here: same thing - you add a DB field (possible ENUM for gender? not sure), then in Blade, and $input['gender'] when saving.
what about profile photos ?
so this is actually a laravel livewire application?
No
Do you plan use Jetstream in QuickAdminPanel or not? :)
No, these are totally different approaches, with QuickAdminPanel we stick with old "proven" technology and pure simple Laravel + Blade, at least for now. We don't want to overcomplicate the generated code for our customers.
Still no heidiSql for mac
So it seems that you're preferring livewire over inertia why is that?
It's a personal preference for everyone. I'm a back-end developer at the core, so I love the idea of not writing JavaScript at all, Livewire helps with that.
@@PovilasKorop Well I do have another comment, the idea of JetStream is to make use of Laravel routing instead of an SPA JS framework routing but I was kinda confused when I opened web.php when I didn't find the routes for profile, teams...etc where did they define them?
@@mohamedel-damarawy6595 They are not public in routes/web.php. They are inside vendor:
Here github.com/laravel/jetstream/blob/1.x/routes/livewire.php
And here github.com/laravel/jetstream/blob/1.x/src/JetstreamServiceProvider.php#L168
Спасибо.
Somebody help me,Myself sathish I am a fullstack developer trainee in angularjs and laravel at indian small IT company,If I will have completed 2 to 3 years experience means,can I go other foreign countries by using this experience And also,is laravel is more familiar other countries?,please guide me
Wah
👉👉👉👉👉👉Please make a video about how to redirect on different dashboard based on user type using jetstream
This is what you need: github.com/laravel/fortify/issues/77
whats the fake filler extension is called
Fake filler
@@LaravelDaily thanks
please demo how to use command line : php artisan vendor:publish --tag=jetstream-views
I dislike the lock in to its way of working (without a lot of effort).
Did exactly as you did here........... Open up page, "Class Inertia Not Found".... Why am I missing this when I said to use livewire anyway?
Okay, whatever, *adds inertia to fix the issue*
Refresh landing page, goes to register and BAM. Giant logo and no CSS..... Wtf is going on?
There's no reason I should follow you, who is following the DOCS.... Just to have entirely different results on a fresh project...
Y'all should've left the old auth system easily useable in laravel 8....
It's an issue with the default "app.blade.php" file. You should change "mix('css/app.css')" to "asset('css/app.css')".
I think jetstream is going astray from the philosophy Laravel started with and solving a problem no one had. It's a very highly opinionated design. It's overly complex. I just don't get it.
was looking for two factor authentication and you didnt even touch it.
It is wrong to all time complicate code. Why learn a lot of new things all time, it is bed for new programers and generally coding future.
Maybe I'm doing something wrong but my folder
esources\views has onlу one file "app.blade". Why do you have so many?
I dislike the lock in to its way of working (without a lot of effort).