![Josh Cirre](/img/default-banner.jpg)
- 58
- 171 722
Josh Cirre
United States
Registrace 4. 04. 2011
I make videos on Laravel, learning new things, and how to build quickly.
Converting a NextJS App to Laravel Livewire
You might be surprised to learn that I think React Server Actions and React Server Components are a step in the right direction. In fact, I think it means there's even less of a learning curve if you're wanting to jump into Laravel because Laravel Livewire (specifically Volt) has a very similar DX feel to NextJS Server Actions and Server Components.
So, after I watched a video from @leerob showing off Server Actions and Server Components, I wanted to show what the same application might look like... in Laravel and Livewire.
Links:
Original Video: czcams.com/video/mwNZ34sxIGw/video.html
NextJS version: emoji-todo.vercel.app/
NextJS repo: github.com/rauchg/emoji-todo
Livewire version: emoji-todo.joshcirre.com/
Livewire repo: github.com/joshcirre/emoji-todo-livewire
So, after I watched a video from @leerob showing off Server Actions and Server Components, I wanted to show what the same application might look like... in Laravel and Livewire.
Links:
Original Video: czcams.com/video/mwNZ34sxIGw/video.html
NextJS version: emoji-todo.vercel.app/
NextJS repo: github.com/rauchg/emoji-todo
Livewire version: emoji-todo.joshcirre.com/
Livewire repo: github.com/joshcirre/emoji-todo-livewire
zhlédnutí: 1 173
Video
This New Auth Package Makes Things Even Easier
zhlédnutí 7KPřed 14 hodinami
Laravel makes scaffolding out authentication incredibly easy with starter kits like Breeze or Jetstream. That doesn't even include the incredible third-party offerings like Genesis or Filament. But what happens when you need to actually customize those pages? It takes a bit of work to make them cohesive. Or if you want to add social auth? Time to dust off your design skills. Or you can use this...
Let's Make a Scope in Laravel
zhlédnutí 1,2KPřed dnem
I learned something from a CZcams comment, so I wanted to teach you too. What actually happens when you run php artisan make:scope and when would you want to use them in your application? Scopes docs: laravel.com/docs/11.x/eloquent#query-scopes me using the boot method on the model is fine but unnecessary. you can either use an attribute or the “booted” method to help achieve the same scope, as...
Is Laravel Livewire actually secure?
zhlédnutí 6KPřed dnem
There are security concerns that you have to think about when building applications in Laravel and Livewire. But how can we fix some of those concerns? Laravel gives you default security policies out of the box, but how can we apply them in Laravel Livewire. And do we actually need them? Let's take a look. (Take a look at the Livewire docs on security for even more ways on how to keep your Live...
Even MORE Livewire and Alpine Optimistic UI Tips
zhlédnutí 1,8KPřed 14 dny
I made a video about Laravel Livewire and how to do "Optimistic UI" type things without reaching for JavaScript. But was I wrong? Is there better ways to do Optimistic UI in the TALL stack? The wonderful folks over at Tighten released a blog post about some tips and tricks for doing Optimistic UI™ in Laravel Livewire and AlpineJS. Why don't we take a look? Links: Blog Post from Tighten: tighten...
The Tools I Use to Build Products in Laravel
zhlédnutí 15KPřed 21 dnem
One of the most requested videos (surprisingly?) on my Suggest.gg (cir.re/suggest) is for a video on my "Laravel Toolkit". So I put together a video on the tools I reach for whenever I'm starting a new Laravel project, why I like them, and why you might want to check them out for your next project too. Links: Laravel Starter Kits: laravel.com/docs/11.x/starter-kits#breeze-and-livewire Jetstream...
My First Livewire PR Got Merged...
zhlédnutí 1,1KPřed 21 dnem
If you have used Laravel Breeze with the Class API, you might have forgotten to add the class parameter once or twice while working in a project. It's happened to me too (maybe more than just once). So I did what any developer who wants to improve the tools you work with everyday should do. I made a PR and submitted it to the Livewire Volt Github Repo. Now if you scaffold out a Laravel Breeze a...
Getting Rid of JavaScript Completely is (sometimes) a BAD idea
zhlédnutí 3,8KPřed 21 dnem
When should you use the server and when should you just use JS on the client? Isn't doing everything on the server a good thing now? Is HTMX/Hotwire/DHH/Livewire wrong? I don't know those answers. But I do know how to start thinking of interactions in a Laravel Livewire application and when you should refactor some of those interactions to AlpineJS. Let's talk about it. This video is in respons...
Laravel is the Laravel for JS
zhlédnutí 13KPřed 28 dny
Why is there no JS equivalent to Laravel? Well, there is, but no one is talking about them. Why is that? I watched @t3dotgg's video and I have some thoughts. It's not React (or JS) against Laravel. It's how do you prefer to build applications? That's primarily where the differences lie. The good news is you can have your cake and eat it too. 😏 ( I misspoke at the beginning: "Why there isn't a L...
Goodbye imposter syndrome.
zhlédnutí 619Před měsícem
I'm employed now. For all of you out there who are searching for your next job, keep going. I hope this resonates with you. (If you follow me on social media, you already saw this announcement, but I wanted to share it here, as well.) 😊
Laravel and Redis: The Absolute Basics
zhlédnutí 1,8KPřed měsícem
What does Redis even do? Apart from telling Laravel you want to use Redis as a session driver and just have magic happen behind the scenes, is there anything else that you can use Redis for within Laravel? Let's take a look at the absolute basics and see if we get some ideas.
I build a TODO list app with Laravel in 17 minutes.
zhlédnutí 3,5KPřed měsícem
Code with me as I build an authenticated todo list application in Laravel, Livewire, Laravel Volt, and some Tailwind. Sometimes, the best way to learn something is to build an app that you've built a hundred times. Here's the repo of the finished project: github.com/joshcirre/laravel-speedrun
The Best Way to Learn Laravel as a JavaScript Developer
zhlédnutí 938Před měsícem
The Best Way to Learn Laravel as a JavaScript Developer
Optimistic UI but in Laravel Livewire
zhlédnutí 3,3KPřed 2 měsíci
Optimistic UI but in Laravel Livewire
Laravel 11 is Here (and I'm so excited)
zhlédnutí 2,3KPřed 3 měsíci
Laravel 11 is Here (and I'm so excited)
The Git client you didn't know you needed
zhlédnutí 5KPřed 4 měsíci
The Git client you didn't know you needed
Copy and Paste Should Be Banned When Learning to Code
zhlédnutí 357Před 5 měsíci
Copy and Paste Should Be Banned When Learning to Code
The Ease of Deployment Tier List for Laravel Developers
zhlédnutí 2,5KPřed 6 měsíci
The Ease of Deployment Tier List for Laravel Developers
The Complete TALL Stack Tutorial - FROM NOTHING TO PROD (Tailwind, Alpine, Laravel, Livewire & More)
zhlédnutí 45KPřed 6 měsíci
The Complete TALL Stack Tutorial - FROM NOTHING TO PROD (Tailwind, Alpine, Laravel, Livewire & More)
I read "How to build a SaaS in a Weekend" | Josh Reacts
zhlédnutí 1,4KPřed 6 měsíci
I read "How to build a SaaS in a Weekend" | Josh Reacts
Talk in specifics with your landing page.
zhlédnutí 57Před 10 měsíci
Talk in specifics with your landing page.
Let's be honest. What does your landing page REALLY say?
zhlédnutí 36Před 10 měsíci
Let's be honest. What does your landing page REALLY say?
Espectacular, gracias!
Thank you! ☺️
Dumb question, what if you want them to transition in nicely ie one slides down top one fades in. Svelte has an in/out option you can apply based on a boolean. Is there something similar to this approach?
Great question! Livewire does have built in Animation that has some basic parameters. livewire.laravel.com/docs/wire-transition But additionally, things like AutoAnimate is a great option with minimal setup.
Brilliant. Nice to see this as a comparison with nextjs. There is so much laravel has to offer by way of Auth out of the box. This makes life so much easier. More like this video will always be well received in my book. Thanks again
Thanks Jon! Especially for the encouragement and guidance. I'll try to make more like this one. :)
Thanks. The nextjs version loads a custom font.
You're right. Good catch! Fairly easy to do with Laravel as well, even if you didn't want to load it via URL.
Premium content ❤
Thank you. 😊
I'm still waiting for the video about how you styled your vscode 🤣
It's coming! 😅
The worst is the color theory of this ranking. D as green and S as red-ish. lol. Messed up. Thanks for the vdo though. Got a good look at the options I have for my project.
Don't blame me! I promise. 😂 That's just the tierlist maker website.
@@joshcirre Knew it this was that damn website. Dude, you see this ya? Absolutely upside down. I moved to Laravel from JS land as well btw. It's been 6 months and already delivering a client project. The things Laravel provides out-of-the-box is astronomical! Glad you are enjoying Laravel.
Love it! My favorite part about building with Laravel. 😊
Salvation!
Am I crazy or are we hearing crickets in the background ahah? Great video otherwise. Makes me want to try to build projects with Laravel
You are probably not crazy. The downsides of recording in my garage. 😂
can you make a video on how you made your vs code setup look like that? I really love the fonts, themes and how simply minimalistic it looks.
It's pretty well voted on my Suggest.gg (cir.re/suggest) so that might be coming up in the pipeline. 😁
Great share Josh!
Thank you. I appreciate you watching. ☺️
Great video overall. Love the ideas at the end around rate limiting + deployment. The deployment journey especially could be facinating to show and lesrn more about. It's also important to note that in the app thus far, no external dependencies have been generated. You own the DB, and the auth - at least locally so far. Now yes, in NextJS, you could have Lucia and a local DB, but the setup time likely would be far greater.
Good point! I actually did deploy on Laravel Forge with a Hetzner server so it's up and running live here: emoji-todo.joshcirre.com I should record how I set that up, but nothing really changed from the code itself. It "just works". The rate limiting is something I need to dig in more on how to do this myself for this method without limiting the entire application. But once I do that, I think it would be a great "second" video. ☺️
Love your niche of guiding JS developers into Laravel!
Thanks Alex! Some people might think it would be weird not to get JS developers to use React / Vue in Laravel. I think there's some who like that idea, but even with Inertia it still seems too "separated" for people really leaning into stuff like RSC / Server Actions. I think Livewire is a great bridge, even if there are syntax differences.
@@joshcirre not sure if you bringing them to the light or dark side yet 😅
Maybe both? 😁
@@codernerd7076 He's the guide to the promise land.
Js world has amazing libraries like Framer Motion. What can we use for manage animations in Livewire? Can you do a video about it? 😊
Sure! Why don't you add it to the suggestions here: cir.re/suggest I will say that there really isn't an alternative to stuff like that so it's a perfect usecase for JavaScript. :) There is a light weight alternative to animation that works with plain JavaScript here: auto-animate.formkit.com/
I absolutely love the style in your videos, it's just so cool!
Thank you. I really appreciate that. ☺️
Interesting video
Thank you! I try. 😅
I've been looking for a custom login to my filament, and this video magically caught my attention. great review!
Glad it could pop up just at the right time! :)
Great content. One Q: Why wouldn't you create your own CSS styles on top of Tailwind?
I am not sure I understand the question. Tailwind provides all of the styles you will ever need since it's just shorthand for CSS. So, there's no reason for me to create styles on top of it. :) If you mean use @apply or create my own components, that's why I chose the WireUI components. ☺️
subscribed. Love your content and your code editor. It’s so clean
Thank you! I appreciate the support. ☺️
This looks awesome!
My man!
It’s one of those things you didn’t realize how much it helps until you use it. (And get to keep the auth of Laravel so no third party. 😁)
When there was a need you didn’t think you had, but the package potentially changed your mind 😂😂😂
Right! Now I can just ignore making those pages fancy and just use this. 😂
Hi, recently saw your videos and pretty impressed with your video presentation? If possible, can you share your studio tour so it would be nice to see what equipment you have used to bring such cool topics..A request from India.
Thank you! I can do that. I’ll add it to the suggestions! cir.re/suggest
awesome you save lots of my time😊, definitely gonna subscribe you.
Well thank you! I’m just sharing what I found though, @devdojo is the true hero!
This guys is the only person who makes good thumbnails for Laravel
Wow. Thanks. ☺️
I just created a new project so i tried this package but it's too slow
Are you on Windows? I'm having the same issue. When I test it in Herd, it runs fine. I'm still trying to figure out how to pinpoint the problem.
Interesting! I haven’t had any slow issues just yet. I’ll be curious to see if others do.
More power and Love to Laravel❤
It’s the best. 🥹
Might be a dumb question but how do you guard against auth/setup being accessible in production? Is it as simple as commenting out the route in like a CI flow?
Looks like this is already setup for you in this package. It has a ViewAuthSetup middleware that comes with it that you can setup allowed users in the gate: devdojo.com/auth/docs/setup-customizations/
Unreal! Thanks
Am I free to use Bootstrap or I have to work a lot to remove all this tailwind crap?
Well, you can use Bootstrap in the rest of your application. This package uses Tailwind but you don't have to use it in the rest of your application.
@@joshcirre so I will continue use Laravel/UI
I used scopes by methods localy ``` scopeUserTodos() ``` on models but I didn't know there was a class and a command for them
That's a good way of doing it if you wanted to be more verbose and specific in the code. I opt for that way a lot, too. :)
Work with Inertiajs Vue?
Yep!
Please make a video about a multi auth system. Separate login page and dashboard for normal user and admin. Thanks!
That would probably be a good addition for my Filament video coming out. :)
@@joshcirre looking forward to it. And also pls explain pros and cons if there are any cons. I tried it with breeze but its not perfect, redirect routing i think is messing up. But thanks for the reply!
amazing!!!
Hey Josh, does this work with Laravel Jetstream plus Inertia + Vue Js stack? 🙂
Yep! Looks like it. While it uses Livewire under the hood, you still have the option of using it in any stack since it just sets up those extra routes for you.
nice view as always i used to hate php for the dollar in every variable as well as the use of dot instead of plus for concat but laravel makes php harder to hate xD
The arrow (->) instead of dot syntax was the hardest for me to remember. 😂
command + L is a good keyboard shortcut for managing the url
Good to know. I always forget about that. 😂
for multi tenant app better to use uuid as primary key not integer value, what's your thought?
It depends if it’s publicly accessible and the type of application, but I think UUIDs are for specific problems to solve and more for looks than anything. ☺️ The Mostly Technical Podcast with Aaron and Ian did a segment on this that was FANTASTIC.
@@joshcirre I will have look on that podcast, I have used hashid for one of my project with integer primary key which help me to hide id as hash
AdonisJs is the Laravel for JS. Quite literally lol
I talk about it. :) I think it has a lot of potential, especially with the shift to server actions.
Does it support a modal view?
Not out of the box it doesn't look like. Wouldn't be too difficult to implement I don't think though, so might be a great PR!
Does it have support for Inertia starter kits in Jetstream/Breeze?
Looks like it does. :) It's just replacing those views with the ones built by the Auth package.
What keybord are you using Josh?
What do you mean keyword? Like for the video itself?
@@joshcirre I think they meant keyboard. It sounded real good when you were typing.
Ahh. Got it! This is an artificial keyboard sound using an app called Klack. ☺️
@@joshcirre Ty!
The way you explain things makes everything seem easy. Your voice conveys that everything in Laravel is very simple.❤
Thank you so much Hassan. ☺️
Make a video on laravel reverb with blade make simple project .. This is very helpful to me ..love from Pakistan..
I'll add it to the list here: cir.re/suggest
This is awesome! I'm in!
Yes! Let's go! 🙌
Hey man, was wondering if you could help me I'm developing an API with laravel where there's a company and user model, I implemented a simple authentication system for the both of them, but the thing is when a company signs in I have no idea how I can get their details like the way we could for users with something like auth()->user->name. How could I do something similar for the company model. Thanks
Do u mean that both User and Company models can be used for auth? If that is the case, you have to use a diffrent guard for Company auth. if u Create a new guard named 'company', you can access company model as auth('company')->user = Company model
In js ecosystem this is going to be paid 😂😂
true. glad i choose laravel over next/react
And every month you're gonna need to update the package again jajajaja
Ooops. 🙈
Nah. The js ecosystem is too busy coming out with new frameworks, third party packages and new runtimes every week.
@@jmon24ify Js is a cult at this point tbh.
Its so freakin awesome
It really is! Now I don't have to spend hours trying to nail the design for these pages. 😂
Awesome, can it work with inertia with vue?
It can! While it's built using the TALL Stack, it can replace your Vue/Inertia login pages. ☺️