Post List | Build Blog with Laravel, Livewire & Filament #6

Welcome to our laravel blog project series, in this comprehensive series we will build a blog from scratch using livewire 3 and filament 3.
Today we are going to build our first livewire component, and also cover how to send data from one component to another.
We will cover how to install and customize jetstream, create layouts, setup database migrations and models, display posts, use livewire 3 to create dynamic components without page reloads and more.
Next Episodes (Playlist):
• Build Blog with Larave...
Html Template :
github.com/yel...
Project Code :
github.com/yel...
Free Livewire 3 Course Playlist :
• Laravel Livewire 3 Cou...
Livewire 3 website :
livewire.larav...
If you would like me to make more livewire videos, please let me know by liking the video and commenting what you like to learn next.
What is livewire:
Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. (Taken from Livewire Documentation)

[@eliasolivtradet6627]

this is awesome 👍 explaination is good , best teacher ever for me

[@yelocode]

Thank you

[@nazgyl]

Lots of new tricks in this ep! Thanks 🙏

[@yelocode]

Thanks for watching

[@WEESPlayzZz]

❤❤ this is awesome 👍 explaination is good , best teacher ever for me 😊

[@yelocode]

Thank you! 😃

[@HamadAbdulla_7]

Thank you for the tutorial.

[@yelocode]

Thanks for the support Hamad.

[@user-yu5cx7px6p]

Thanks Man

[@aliyuzbasioglu5711]

Hello friend, i like your tutorials youre a great guy!

[@yelocode]

Thanks for watching. glad to hear that

[@kreaweb-be]

Realy good course!!

[@yelocode]

Thanks. Glad you think so!

[@ayokurdo1888]

nice

[@yelocode]

Thanks

[@varrelaljabaar]

Searchbox not working, but if I move the tag search-box to post-list is working, any solution?

[@yelocode]

Thanks for watching. I have the full code over on github you can compare your code with mine to see what could be the issue : github.com/yelocode/laravel-blog-project/tree/ep6
Although on the next episodes we refactor the search box to use alpine js, that could also help fix it .

[@varrelaljabaar]

@@yelocode thank you, this really helps my schoolwork ✨️

[@varrelaljabaar]

now I know the problem, I haven't added "use Livewire\Attributes\On;"

[@ousssika5359]

thanks as always

[@yelocode]

My pleasure!

[@alonegamer8109]

for some reason search is not working for me. i have tried copying everything and search is also not showing on right side. it is showing on bottom. help ?

[@davebudah]

Hey fellow dev, so I kinda had an issue too, just make sure you have no typos , for me it was this updatedSearch() , I had ommited letter d

[@alonegamer8109]

@@davebudah where was this function used if you can tell me ? i mean in which file ? so i can see if there was any typo i made

[@yelocode]

The code for this ep is on github if you want to compare your code with mine.
Also if you are still having issues, on the next ep I cover an alternative approach to doing the search bar using alpine js
github.com/yelocode/ideas/tree/b50396b35fe69bd30e10fcadb6a29aab080f2e4d

[@alonegamer8109]

@@yelocode i tried the apline js also but not working. i am new with whole github thing. so i do not know how to compare the code. if there is any final zip (which i assume is in github, if it is then i downloaded it and tried using it, but for some reasons it is not working with me) thanks for the reply though. i am trying to make few sites for a non profit organization. we promote vedas. we preach dharma. so i was trying to make a website for shrimad bhagwad geeta.

[@__Cypher]

i have a Job_Model,benefits_model, tuorials_models and a few more. a job may have benefits and a tutorial. when creating job from filament admin i have a column 'has_benefits' . if yes then I need to show additional form inputs to store benefits for the jobs. do I have to make a customer livewire component for this or I can do this in filament ?
flow in existing none filament admin is post job ->get its id ->.if has_benefits= true, create benefits with job id

[@muhamadmatinanugrahpujayan2041]

why does my pagination link go into dark mode?,
even though I installed the white mode version.

[@Nyck3]

Same problem, did you manage to solve it?

[@inamurrehman343]

When we click add setSort listener the functionality is working but the query parameter is not updating. Any solution?

[@yelocode]

Did you add #[Url()] to the top of your $sort property? Also check if you have imported Url. In my testing it does no give error when it's not imported for some reason.

[@inamurrehman343]

@@yelocode Thanks I have fixed it by importing livewire from vendor folder in app.js file and then add livewire.start().

[@varrelaljabaar]

Search not working.

[@fritzsaycon5541]

Hello I didnt know where I go wrong but for some reason I am having this error when clicking just once on Latest or Oldest
Uncaught Snapshot missing on Livewire component with id: 8lHrUZ8BdH3rQy4j4JRM

[@yelocode]

This could be due to wire:key. In this ep I forgot to add it in our forloop it's something we fix in next episodes.
You add the following in your post-list.blade.php file:
Should hopefully fix the problem

[@fritzsaycon5541]

@@yelocode Hello, thank you for your reply! I already have that code, I just jumped back on this episode and I am actually on the other episodes where I can comment and I just actually tried the Oldest and Latest again but it didn't work this is the error that I am having, the ID is always different
"Uncaught Snapshot missing on Livewire component with id: AdA465ddfNtlWTbGTOR5"
and when I pressed it again this is the 2nd error that will show on the console
"Uncaught Component not found: AdA465ddfNtlWTbGTOR5"

[@cuprakneitor]

on min 4:32 its like this otherwise you gona get error Property [$posts] not found on component: [post-list]
@foreach ($this->post() as $post)

@endforeach

[@user-tk8mc9dc6o]

I have the same error. Did you solve it and how?

[@LaurentRaffalli]

You need to remove the parenthese : $this->post() like this $this->post
@foreach ($this->posts as $post)
@endforeach

[@alonegamer8109]

@@LaurentRaffalli seems you are the active one here. i need multiple help with this project. if you can.