Complete Laravel Blog Tutorial
HTML-код
- Опубликовано: 2 окт 2024
- Complete Laravel Blog Tutorial
Source code: github.com/alp...
Template used in this tutorial, source code: github.com/alp...
Same template above but with cards animations, source code: github.com/alp...
A short video showing the difference between the two templates: • Free Blog Template wit...
#laravel8 #blog #tutorial
I’ll soon do the same project with Laravel9 and Vue3. Will you join me on that journey?
Edit on 4th Oct 2022:
Same project but with Laravel9 and Vue3 now available on 👉 ruclips.net/p/PL-OHVhAxtpSBY-X89ewvqbjbAJ-bW4rYk
of course.
@@Reza-pj4hd Coming soon!
Make e-commerce project with laravel 9 and vue 3,.
@@abdulrakib9906 Sure, it's actually on my to-do list. I'm currently tied up but I'll resume recording tutorials as soon as I can. Cheers!
This tutorial is on a different level, why am I saying this ? because he implements the best practices you can do at any project, and it was really great, I had many little doubt before all of my doubts are cleared, It's amazing thank you for this. keep up the good work :)
Hi Anowar, glad you liked the tutorial and glad it was worth your your time as well. Thanks for the compliment and you are most welcome.
@@alphayowakarindi trying to replicate the blog page just the first page worked, the blog and single blog post aren't working
@@onyinyechipreciousojefia4861 Hey Precious, I've answered you in your other comment on the same.
No one can explain like you 🔥🔥
Thank you!
Ur awesome, please make similar video for cms, blog, ERP, booking system, shop, social media, news, real estate, financial system, travel, Education, music, event management
Love and support from Mumbai, India.
Thank you, and sorry for the late response. They are all great projects. Could you please pick top 3 from your list?
I just completed this tutorial it was amazing
Wow, congrats for completing it and glad you found it amazing. Now wait for the same project using Laravel9 and Vue3!
very useful, i was able to create a blog and also learned a lot good practices along the way.
thank you
Hi Aja, most welcome, congrats on completing the tutorial, and glad it was useful.
Saludos desde un rincón de Colombia. Señor Alphayo, soy novato, pero es lo mejor que he encontrado para mi aprendizaje. Realmente usted merece mil felicitaciones. Personas como usted son las que hacen grande la ciencia y el mundo. Agradezco su enorme contribución.
thank you,Your way of explaining is greatوI really enjoyed the explanation.
Thank you again
Thank you and you are most welcome.
Really, really hats off my friend, for two things:
1- I'm not a beginner in laravel, and that's not what I'm looking for... but you had me, rather your exposure of the product attracted me.
2- I'm not a fit, excuse me, videos of English with an accent, because it's not my native language, and as soon as I hear an accent it confuses me, but you are one of the rare to have made me forget that very quickly.
Really, a very great mastery, not only of the subject but also of the presentation. This video is, for me, at the top ten from an educational point of view.
thank you continue ... amaze us.
Wow, glad to be of value to you with my content. You are most welcome and thank you so much for the kind words.
@@alphayowakarindi sincerely it comes from the heart, great job. continue man, we want more.
@@momo23000ful I truly appreciate brother. It’s such comments that encourage me to continue creating more contents.
I have done it. It was my first project. I have learned so many things. Please upload some similar Laravel projects. It will be helpful for us.
Wow, congratulations for coming this far. Sure, I'll be uploading more soon on Laravel.
Hi alphayo,thnx for the videos especially in laravel, wen au releasing one for livewire laravel, I need to know before it's too late, am mugerwa from Uganda
Hi Mugerwa, you are most welcome. It's my wish to create more videos but unfortunately, currently, I'm too tied up and hence not in a position to create more. I'll resume in late December or early next year.
Sorry about that.
Cheers
can you deploy it it's been 2 months
Hey, I'll do so asap.
Nice job, but how can I host it in my local host I can’t find the SQL database file
Hello, apologies for the late response. You’ll have to create it in the .env file. One cannot push the database to github.
The mysql -u root -p is not working it says it doesn't recognize the command
Hey, what OS are you using?
@@alphayowakarindi windows
Is there a way we could have a Google meet so you could help me
@@tobimaxx8670 Hey Sorry I'm not in a position to do so now.
If you're using Windows OS and the `mysql -u root -p` command is not recognized, you can try the following steps to resolve the issue:
1. Verify MySQL installation: Make sure that MySQL is installed on your Windows system. You can check the installation by going to the MySQL installation directory (typically `C:\Program Files\MySQL\MySQL Server X.X\bin`) and confirming that the `mysql.exe` file exists.
2. Add MySQL to the system's PATH: If MySQL is installed but not recognized as a command, you may need to add the MySQL bin directory to the system's PATH environment variable. Here's how you can do it:
a. Open the Start menu and search for "environment variables."
b. Select "Edit the system environment variables" to open the System Properties window.
c. Click on the "Environment Variables" button.
d. In the "System Variables" section, locate the "Path" variable and click "Edit."
e. Add a new entry at the end of the list that points to the MySQL bin directory. For example, `C:\Program Files\MySQL\MySQL Server X.X\bin`.
f. Click "OK" to save the changes.
g. Restart the command prompt and try running the `mysql -u root -p` command again.
3. Check the command prompt: Ensure that you are using the regular command prompt (CMD) rather than PowerShell or other command line interfaces. Some commands may not work as expected in different command prompt environments.
If you're still facing issues after trying these steps, please provide more information about the error message you're receiving or any other relevant details, and I'll be happy to assist you further.
ALTERNATIVELY, if that looks like a lot you can just set it up again from scratch. I recommend the following tutorial:
ruclips.net/video/E74_WZpjeKA/видео.html
@@alphayowakarindi it worked thanks
@@tobimaxx8670 Kudos for making it work! Happy coding!
video is realy great, but I have issues with Laravel/breez CSS, I don't know how to solve this problem
Hey, kindly share the problem that you are having by providing more info!
@@alphayowakarindi I will describe it how my (laravel/breez login, register and dashboard page) looks like. At the top of the page I see inscription ( @vite(['resources/css/app.css', 'resources/js/app.js']) ), in the middle of the page I see Laravel image (which practically takes up the whole page). At the bottom of the page, in the corner I see small inputs with names. General view css style not working on those pages :)
@@erikasabukauskas4253 If I got you correct, is the issue the styling is not as you expect?
@@alphayowakarindi The problem have solved :)))). The first step I did - composer require laravel/breeze:1.9.2, second step - php artisan breeze:install, 3. npm install 4. npm run dev 5. php artisan migrate. And now everything works. Thank you for your quick reaction :)
@@erikasabukauskas4253 If the issue is the style, try pasting the below line inside the head tag of your layout or inside the head tag of the page you are loading if you haven't yet reached where we are using the layout.
i have an error when using npm run dev after downloading the laravel breeze, please help sir
Hi, what’s the error that you are getting?
Sir please make a e commerce website and chat website in Laravel 🙏🙏🙏
It’s on my to-do list but it will be covered next year.
Great tutorial, I just love it!
Thank you, glad you love it and you are most welcome.
@@alphayowakarindi You are most welcome sir!
I have a question i can put more of one images in a post?
Hi, yes you can but you would have to implement it. That is not covered in this tutorial.
@29:27 - May we replace "images" with "../images" instead of cut and paste?
Hi, that will work but I don't think it's necessary. Actually, even using the asset function in that scenario wasn't necessary. It was okay the way it was. The moment you start with "/", Laravel will check in the public folder. So no need to go any number of levels up regardless of where your file is located.
Don't waste time for negative comments sir,
Please go ahead, we are waiting for your further videos.
Thanks for uploading this.
Thank you, most appreciated and you are most welcome. Another series coming up soon.
This tutorial is the best I’ve ever seen , thanks so much sir but please can u do a video on how to host the website please🙏
Hey, thanks for the kind words and glad the video is of great help to you.
I intend to do a video about hosting as soon as I get time to record. It's the next video I'll upload on this channel.
Heart winning post sir
Thank you.
You said you were going to also apply livewire with the project but no video on livewire sir
Hi, that's correct. Sorry, I've been so tied up. I hope to cover it as soon as I can.
Alright
Gracias Mister Alphayo......saludos de los andes peruanos...por favor activar los subitutlos del video
De nada!
Sir Thank you so much for such great tutorial. You are one of the best instructor on the web. I appreciate very much your amazing presentation
Thank you for the kind words and you are most welcome. Cheers!
hi, I just finish watching the video, and I really appreciate what you are doing.
your method of teaching makes it easier to understand Laravel. I will like to see video from you on making an API using Laravel, and an application that relates to calculations thanks
Hey @abrahambamidele7810, congrats on completing the series and I'm glad it was useful to you. How does a budget app sound to you? I think that will involve some calculations!
@@alphayowakarindi hi thank for your response. Honestly budget app will really be good, am looking forward to it. Will like to have your what's app link thanks 👍
@@alphayowakarindi please 🙏 we want you to talk about how we can host our Laravel app for free, as beginners we need to put some of our projects online, for our potential employers to see
this tutorial is a true gem! Many thanks and greetings from Greece my friend!
Greetings my friend from Kenya👋
Thank you and you are most welcome. Cheers and happy coding!
I'll like to say appreciate the greatness in this tutorial, you are a genius. Could the appearance of the theme be changed to different color? I'm looking forward ecommerce. Cheers.
Hey, thanks for the kind words and glad the tutorial is helpful to you.
Yes, you can adjust the styles however you want.
@@alphayowakarindi Alright thank you. I'll share this channel on many platforms for you to get more views.
@@pakanyas3140 Thank you so much, much appreciated!
Your explanation is on next lavel❤️❤️❤️
Thank you and glad the tutorial is helpful to you.
is it possible add image inside an article and not only in the preview of the post?
Hi, yes it’s possible!
Great to see the WRC Safari Rally featured on the blog 👍 🚗
🙌🏾🙌🏾🙌🏾👊🏾
1;:47:47 how can i get that html form for create a post or template
plzz give the link
This video is best practice for me. I love it. Keep going.
Glad you like it, thank you!
how can we get that template from
Hi Ashim, the template’s source code link is in this video’s description!
good job and good luck!!
Thank you!
Nice one bro, how can i get the link to this blog template?
Hi, thank you and sorry I forgot to include the source code. I’ve updated the description and added all the used codes links in the tutorial. Check out the in the description for the links. Cheers!
Hi ! the design of my login and register pages are badly done when I copied and pasted via github, how come?
the logo is very big on the screen and the forms are small at the bottom left
Hey, the authentication ui by laravel breeze uses tailwind. Add the following cdn link in your head's layout for the tailwind classes to work.
Hope that helps. Cheers!
@Alphayo Wakarindi Thank you very much for your help ! Now I have another problem with posts on the URL (2:43:00) when I go on my journal page (blog page on your tuto) I have this message :
Missing required parameter for [Route: journal.show] [URI: journal/{post}] [Missing parameter: post].
without clicking on a post, just being on the page
@@mosmoselkabylos5729Hey, you are most welcome. The error states your link doesn't have a route parameter. In my case you see, I'm passing $post on the blog page to be used as the route parameter. Check your link I believe you are missing that.
@@alphayowakarindi It is already what I did :
{{$post->title}}
@@mosmoselkabylos5729 May I please see your route from web.php file.
great work and good explaining
Thank you!
Wow, am amazed 😮. But please my related posts Don't take me to the right link when I click it, instead, it takes me to the same post that I was before I clicked it
Hi, thanks for the kind words and sorry for the late response kindly confirm if your show method github.com/alphayowakarindi/Laravel-8-Blog-Tutorial-up-to-Deployment/blob/main/app/Http/Controllers/BlogController.php
and your single blog post view are the same or you are missing something. github.com/alphayowakarindi/Laravel-8-Blog-Tutorial-up-to-Deployment/blob/main/resources/views/blogPosts/single-blog-post.blade.php
Reach out if you face a challenge after that!
@@alphayowakarindi thanks for your reply sir, I've replaced my code with yours and am still encountering the same issue
@@Gisthub01 Sorry about that, are you sure the post has related posts from the database?
@@alphayowakarindi No sir, I don't have related post in my database
And I didn't see where you added “related post in database” please what episode did you add it please😢🙏
the technical level of the Indians on this platform is impressive, however the Indian accent for me speaking Portugués is a big problem
Hi Betinho, I’m not sure I understood you well. Do you mean you had difficulties understanding my accent?
OMG I'm gonna cry. I really need this.
Thank you sir
😄 Most welcome!
@@alphayowakarindi Sir, I have a problem with imagePath. It did not store the image in local storage. And when I post the blog it did not show the image in the blog. May I know how to fix it sir? Thanks
@@sptc37xing96 Hi, sorry for the late response. You say you did not store the image in local storage. Where did you store the image?
@@alphayowakarindi I did the same as the video sir. But the image did not store in local storage
Okay, may I see you controller logic please and the form you are using to submit the image.
Try to use the blog.html code and refreshed but it was showing 404. I am a beginner can u help out?
Hey Precious, yes I can help. If you get stuck at any point in the tutorial just reach out and I'll be glad to help.
If by going to /blog you get a 404 that means the logic for telling laravel what to do when someone visits /blog is missing, so confirm that:
1. You have Route::get('/blog', [BlogController::class, 'index']); in your web.php file.
Now, the line will tell laravel when someone visits /blog then it should load the blog controller and the method index in the controller should be executed.
2. Confirm you have the BlogController and the index method. Inside the index method now you can return the blog view.
Fix that and you should be good to go. Let me know in case something is not clear. Cheers!
@@alphayowakarindi when I visit / blog it tells me the "targeted class [Blogcontroller] does not exist. But I will go back to what you just said to check everything. Thanks
@@onyinyechipreciousojefia4861 Great, now you’ve fixed the 404 error. As a beginner I recommend you start learning to read the errors they’ll guide you what to do next.
[BlogController] does not exist. It means you have to create it. Laravel loaded the /blog from the web.php file and after that the BlogController wasn’t found and that’s why it threw the error “[BlogController]” doesn’t exist.
After creating the controller don’t create the index method then try to visit the /blog and you’ll get an error. Try see if you can fix the error by reading the error that will be thrown.
Cook
Hello :) first thanks for this tutorial .
second i still take this error in tinker
$post->user
=> null
and in blog.blade.php page when i wrote $post->user->name it give this error
ErrorException
Attempt to read property "name" on null
until when i wrote this $post->user->name ?? 'None'} ok no error but it doesnt give a user name :D any help or advice about this ? thank you
Hello, you are most welcome for the tutorial. May I see your eloquent relationship logic in the Post model? I think that's where you might be having a problem.
@@alphayowakarindi
i think you mean this
public function user()
{
return $this->belongsTo(User::class);
}
@@mhasimioglu8410 First, sorry for the slow response and, yes, that's what I meant and that looks good. Let's debug slowly to get to the root of the problem.
Were you able to grab a post with an Id of 1 in the tinker like in the tutorial? If the answer is yes, then we are getting $post->user => null because laravel is not able to get a user associated with it. Let's find out why.
Kindly check your database. In the posts table do we have a post with id of 1? If there is a post do we have the user_id column and what's the number we have in the column?
@@alphayowakarindi Hi no need to sorry its okay :) , and yes the user_id number is 1 in post table and user table its just like the tutorial i cheked it .
@@alphayowakarindi finally its work now
i just changed it to this
public function user()
{
return $this->belongsTo(User::class,'user_Id');
}
and
$post = App\Models\Post::find(2)
why i dont know 😅