Josh Cirre
Josh Cirre
  • 58
  • 171 722
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
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
Setting Up MongoDB with Laravel Herd
zhlédnutí 527Před 3 měsíci
Setting Up MongoDB with Laravel Herd
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
I no longer have my home office
zhlédnutí 434Před 4 měsíci
I no longer have my home office
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
Laravel is a SPA framework
zhlédnutí 2,4KPřed 6 měsíci
Laravel is a SPA framework
daisyUI meets Laravel Livewire
zhlédnutí 11KPřed 6 měsíci
daisyUI meets Laravel Livewire
Getting fired launched my startup
zhlédnutí 561Před 7 měsíci
Getting fired launched my startup
You should just choose Laravel
zhlédnutí 27KPřed 7 měsíci
You should just choose Laravel
So long Landing Page friends.
zhlédnutí 131Před 10 měsíci
So long Landing Page friends.
Talk in specifics with your landing page.
zhlédnutí 57Před 10 měsíci
Talk in specifics with your landing page.
Give your users a voice.
zhlédnutí 25Před 10 měsíci
Give your users a voice.
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?

Komentáře

  • @keynertyc
    @keynertyc Před hodinou

    Espectacular, gracias!

  • @scott_itall8638
    @scott_itall8638 Před 2 hodinami

    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?

    • @joshcirre
      @joshcirre Před 16 minutami

      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.

  • @JonBrookes
    @JonBrookes Před 7 hodinami

    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

    • @joshcirre
      @joshcirre Před 7 hodinami

      Thanks Jon! Especially for the encouragement and guidance. I'll try to make more like this one. :)

  • @AyorindeAdesugba
    @AyorindeAdesugba Před 8 hodinami

    Thanks. The nextjs version loads a custom font.

    • @joshcirre
      @joshcirre Před 7 hodinami

      You're right. Good catch! Fairly easy to do with Laravel as well, even if you didn't want to load it via URL.

  • @AbdelrahmanMoussaAbuOuf
    @AbdelrahmanMoussaAbuOuf Před 8 hodinami

    Premium content ❤

  • @cesarkollenphowet
    @cesarkollenphowet Před 9 hodinami

    I'm still waiting for the video about how you styled your vscode 🤣

  • @ripplesr5655
    @ripplesr5655 Před 9 hodinami

    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.

    • @joshcirre
      @joshcirre Před 7 hodinami

      Don't blame me! I promise. 😂 That's just the tierlist maker website.

    • @ripplesr5655
      @ripplesr5655 Před 7 hodinami

      @@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.

    • @joshcirre
      @joshcirre Před 5 hodinami

      Love it! My favorite part about building with Laravel. 😊

  • @DoctorSoulis
    @DoctorSoulis Před 9 hodinami

    Salvation!

  • @charlesheon2658
    @charlesheon2658 Před 10 hodinami

    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

    • @joshcirre
      @joshcirre Před 10 hodinami

      You are probably not crazy. The downsides of recording in my garage. 😂

  • @aadityathapa
    @aadityathapa Před 11 hodinami

    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.

    • @joshcirre
      @joshcirre Před 10 hodinami

      It's pretty well voted on my Suggest.gg (cir.re/suggest) so that might be coming up in the pipeline. 😁

  • @Ivcota
    @Ivcota Před 11 hodinami

    Great share Josh!

    • @joshcirre
      @joshcirre Před 11 hodinami

      Thank you. I appreciate you watching. ☺️

  • @jacquescoertze1101
    @jacquescoertze1101 Před 11 hodinami

    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.

    • @joshcirre
      @joshcirre Před 11 hodinami

      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. ☺️

  • @alexandersix_
    @alexandersix_ Před 12 hodinami

    Love your niche of guiding JS developers into Laravel!

    • @joshcirre
      @joshcirre Před 11 hodinami

      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.

    • @codernerd7076
      @codernerd7076 Před 10 hodinami

      ​@@joshcirre not sure if you bringing them to the light or dark side yet 😅

    • @joshcirre
      @joshcirre Před 10 hodinami

      Maybe both? 😁

    • @DoctorSoulis
      @DoctorSoulis Před 9 hodinami

      @@codernerd7076 He's the guide to the promise land.

  • @hasithudayanga6160

    Js world has amazing libraries like Framer Motion. What can we use for manage animations in Livewire? Can you do a video about it? 😊

    • @joshcirre
      @joshcirre Před 11 hodinami

      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/

  • @skdishansachin
    @skdishansachin Před dnem

    I absolutely love the style in your videos, it's just so cool!

    • @joshcirre
      @joshcirre Před 11 hodinami

      Thank you. I really appreciate that. ☺️

  • @orestebarrancohernandez

    Interesting video

    • @joshcirre
      @joshcirre Před 11 hodinami

      Thank you! I try. 😅

  • @itsmejyv
    @itsmejyv Před 2 dny

    I've been looking for a custom login to my filament, and this video magically caught my attention. great review!

    • @joshcirre
      @joshcirre Před 2 dny

      Glad it could pop up just at the right time! :)

  • @michimarz
    @michimarz Před 2 dny

    Great content. One Q: Why wouldn't you create your own CSS styles on top of Tailwind?

    • @joshcirre
      @joshcirre Před 2 dny

      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. ☺️

  • @khoerulumam8316
    @khoerulumam8316 Před 3 dny

    subscribed. Love your content and your code editor. It’s so clean

    • @joshcirre
      @joshcirre Před 3 dny

      Thank you! I appreciate the support. ☺️

  • @DorianDevelops
    @DorianDevelops Před 4 dny

    This looks awesome!

    • @DoctorSoulis
      @DoctorSoulis Před 4 dny

      My man!

    • @joshcirre
      @joshcirre Před 3 dny

      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. 😁)

  • @lassestube
    @lassestube Před 4 dny

    When there was a need you didn’t think you had, but the package potentially changed your mind 😂😂😂

    • @joshcirre
      @joshcirre Před 3 dny

      Right! Now I can just ignore making those pages fancy and just use this. 😂

  • @anbuselvanrocky
    @anbuselvanrocky Před 5 dny

    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.

    • @joshcirre
      @joshcirre Před 3 dny

      Thank you! I can do that. I’ll add it to the suggestions! cir.re/suggest

  • @BnodChaudharyBunny
    @BnodChaudharyBunny Před 5 dny

    awesome you save lots of my time😊, definitely gonna subscribe you.

    • @joshcirre
      @joshcirre Před 3 dny

      Well thank you! I’m just sharing what I found though, @devdojo is the true hero!

  • @londelidess
    @londelidess Před 5 dny

    This guys is the only person who makes good thumbnails for Laravel

  • @z-root8955
    @z-root8955 Před 5 dny

    I just created a new project so i tried this package but it's too slow

    • @everonegraham
      @everonegraham Před 3 dny

      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.

    • @joshcirre
      @joshcirre Před 3 dny

      Interesting! I haven’t had any slow issues just yet. I’ll be curious to see if others do.

  • @CodeWithBehram7497
    @CodeWithBehram7497 Před 5 dny

    More power and Love to Laravel❤

  • @kevinkabeya2459
    @kevinkabeya2459 Před 5 dny

    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?

    • @joshcirre
      @joshcirre Před 5 dny

      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/

    • @kevinkabeya2459
      @kevinkabeya2459 Před 5 dny

      Unreal! Thanks

  • @science_trip
    @science_trip Před 5 dny

    Am I free to use Bootstrap or I have to work a lot to remove all this tailwind crap?

    • @joshcirre
      @joshcirre Před 5 dny

      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.

    • @science_trip
      @science_trip Před 5 dny

      @@joshcirre so I will continue use Laravel/UI

  • @ajzack983
    @ajzack983 Před 5 dny

    I used scopes by methods localy ``` scopeUserTodos() ``` on models but I didn't know there was a class and a command for them

    • @joshcirre
      @joshcirre Před 5 dny

      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. :)

  • @marcinmaj3609
    @marcinmaj3609 Před 5 dny

    Work with Inertiajs Vue?

  • @daniels7250
    @daniels7250 Před 5 dny

    Please make a video about a multi auth system. Separate login page and dashboard for normal user and admin. Thanks!

    • @joshcirre
      @joshcirre Před 5 dny

      That would probably be a good addition for my Filament video coming out. :)

    • @daniels7250
      @daniels7250 Před 5 dny

      @@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!

  • @adammohammed1926
    @adammohammed1926 Před 5 dny

    amazing!!!

  • @oretasletters
    @oretasletters Před 5 dny

    Hey Josh, does this work with Laravel Jetstream plus Inertia + Vue Js stack? 🙂

    • @joshcirre
      @joshcirre Před 5 dny

      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.

  • @itsmenewbie03
    @itsmenewbie03 Před 6 dny

    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

    • @joshcirre
      @joshcirre Před 5 dny

      The arrow (->) instead of dot syntax was the hardest for me to remember. 😂

  • @mazwrld
    @mazwrld Před 6 dny

    command + L is a good keyboard shortcut for managing the url

    • @joshcirre
      @joshcirre Před 5 dny

      Good to know. I always forget about that. 😂

  • @popetgirl
    @popetgirl Před 6 dny

    for multi tenant app better to use uuid as primary key not integer value, what's your thought?

    • @joshcirre
      @joshcirre Před 6 dny

      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.

    • @popetgirl
      @popetgirl Před 6 dny

      @@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

  • @TimOnTheNet
    @TimOnTheNet Před 6 dny

    AdonisJs is the Laravel for JS. Quite literally lol

    • @joshcirre
      @joshcirre Před 6 dny

      I talk about it. :) I think it has a lot of potential, especially with the shift to server actions.

  • @mj-iw6iz
    @mj-iw6iz Před 6 dny

    Does it support a modal view?

    • @joshcirre
      @joshcirre Před 6 dny

      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!

  • @ddkingify
    @ddkingify Před 6 dny

    Does it have support for Inertia starter kits in Jetstream/Breeze?

    • @joshcirre
      @joshcirre Před 6 dny

      Looks like it does. :) It's just replacing those views with the ones built by the Auth package.

  • @DoctorSoulis
    @DoctorSoulis Před 6 dny

    What keybord are you using Josh?

    • @joshcirre
      @joshcirre Před 6 dny

      What do you mean keyword? Like for the video itself?

    • @blessedzulu
      @blessedzulu Před 6 dny

      ​@@joshcirre I think they meant keyboard. It sounded real good when you were typing.

    • @joshcirre
      @joshcirre Před 6 dny

      Ahh. Got it! This is an artificial keyboard sound using an app called Klack. ☺️

    • @DoctorSoulis
      @DoctorSoulis Před 4 dny

      @@joshcirre Ty!

  • @HassanAhmed-cb3gk
    @HassanAhmed-cb3gk Před 6 dny

    The way you explain things makes everything seem easy. Your voice conveys that everything in Laravel is very simple.❤

    • @joshcirre
      @joshcirre Před 6 dny

      Thank you so much Hassan. ☺️

  • @HassanAhmed-cb3gk
    @HassanAhmed-cb3gk Před 6 dny

    Make a video on laravel reverb with blade make simple project .. This is very helpful to me ..love from Pakistan..

    • @joshcirre
      @joshcirre Před 6 dny

      I'll add it to the list here: cir.re/suggest

  • @DanteMishima
    @DanteMishima Před 6 dny

    This is awesome! I'm in!

  • @ForexPeak
    @ForexPeak Před 6 dny

    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

    • @sudeshryan8707
      @sudeshryan8707 Před 6 dny

      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

  • @ravi_sorathiya
    @ravi_sorathiya Před 6 dny

    In js ecosystem this is going to be paid 😂😂

    • @joeyboli
      @joeyboli Před 6 dny

      true. glad i choose laravel over next/react

    • @DoctorSoulis
      @DoctorSoulis Před 6 dny

      And every month you're gonna need to update the package again jajajaja

    • @joshcirre
      @joshcirre Před 6 dny

      Ooops. 🙈

    • @jmon24ify
      @jmon24ify Před 6 dny

      Nah. The js ecosystem is too busy coming out with new frameworks, third party packages and new runtimes every week.

    • @DoctorSoulis
      @DoctorSoulis Před 6 dny

      @@jmon24ify Js is a cult at this point tbh.

  • @ziemustdie
    @ziemustdie Před 6 dny

    Its so freakin awesome

    • @joshcirre
      @joshcirre Před 6 dny

      It really is! Now I don't have to spend hours trying to nail the design for these pages. 😂

  • @oketafred
    @oketafred Před 6 dny

    Awesome, can it work with inertia with vue?

    • @joshcirre
      @joshcirre Před 6 dny

      It can! While it's built using the TALL Stack, it can replace your Vue/Inertia login pages. ☺️