Тёмный

Build and Deploy Laravel 9 Portfolio - For Beginners 

The Codeholic
Подписаться 84 тыс.
Просмотров 111 тыс.
50% 1

🔥🔥🔥 Check my full course "Build and Deploy Laravel E-commerce Website with Vue.js Admin Panel" at thecodeholic.com 🔥🔥🔥
In this video I will create and deploy a portfolio website in Laravel 9.
Register on Arc for free: m.arc.dev/3IBejEH
The final website is deployed here: me.thecodeholi...
Get HOSTINGER shared hosting, which includes free domain, email and SSL. Use the coupon code "THECODEHOLIC" or click the link bellow
hostinger.com/...
By building this project you will learn the following:
- How to create and manage Laravel 9 project with sail
- How to add Tailwind.css to Laravel project
- How to work with Tailwind components
- How to add and use Alpine.js in you Laravel project
- How to work with Laravel components
- How to create scalable and powerful components folder structure
- How to handle form submission and how to validate data
- How to configure and use Symfony mailer to send emails
- How to deploy Laravel 9 application on custom domain
- How to generate free SSL certificates for your domain
⭐⭐Project Source code⭐⭐
bit.ly/3qIl15x
🤝Support me by subscribing🤝
bit.ly/2xTQOI0
👉 TailGrids UI 👈
tailgrids.com/...
Generate free SSL certificates.
github.com/do-...
If you really love my content and want to support the channel:
👉 My Patreon: (For monthly donation)
/ thecodeholic
🍺 Buy me Beer: (For one time donation)
www.buymeacoff...
Table of Contents
00:00:00 - Intro
00:00:30 - Demo
00:04:05 - What will you learn?
00:05:29 - Today's Sponsor: Arc
00:06:41 - Install Laravel
00:11:40 - Open Project In VSCode and PHPStorm
00:13:33 - Install Alpine.js
00:20:12 - Install Tailwind.css
00:23:08 - Add Tailgrids
00:28:08 - Generate Layout
00:35:30 - Create Navbar
00:49:36 - Create Footer
00:58:29 - Add RU-vid Subscribe button
01:00:59 - Generate Page Sections
01:05:39 - Create Hero Section
01:14:59 - Create About Section
01:19:55 - Create Learn PHP Section
01:24:25 - Create Portfolio Section
01:36:19 - Create Video Tutorials Section
01:46:31 - Create Contact Form
02:07:37 - Implement Email Sending
02:14:30 - Final Look on Website
02:18:02 - Change Name Servers to Deploy
02:22:58 - Deploy Website on Custom Domain
02:33:18 - Setup Production Email
02:38:55 - Activate Custom Email
02:45:21 - Install SSL
02:52:59 - Finish
🖱️Follow me on social media:🖱️
/ thecodeholic
/ thecodeholic
/ thecodeholic
Check my Github:
github.com/the...

Опубликовано:

 

17 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 136   
@TheCodeholic
@TheCodeholic Год назад
🔥🔥🔥 Check my full course "Build and Deploy Laravel E-commerce Website with Vue.js Admin Panel" at thecodeholic.com 🔥🔥🔥
@TheCodeholic
@TheCodeholic Год назад
Since the video was released Laravel changed changed it asset building from Laravel Mix to Vite. You have to follow instructions related to Vite as far as mix commands will not work.
@fabiansb
@fabiansb 7 месяцев назад
just put @vite(['resources/css/app.css', 'resources/js/app.js']) into the head and then at the terminal you've to run 'npm run dev'.That's all you have to do.
@loismorellos4750
@loismorellos4750 2 года назад
Thank you so much for your tutorials, been following you for 2 years and it made me sad that you stopped doing youtube for a while. Keep up the good work
@TheCodeholic
@TheCodeholic 2 года назад
You are so welcome! More to come!
@murobakuridze950
@murobakuridze950 2 года назад
Thank you . Will be great to see in future Laravel E-commerce type project.
@TheCodeholic
@TheCodeholic 2 года назад
That's in my plans
@tamil1health979
@tamil1health979 2 года назад
PHP Never dies because of Laravel 🙏🔥
@freaklore
@freaklore 2 года назад
WordPress and Drupal also
@maxfrischdev
@maxfrischdev Год назад
@@freaklore And Magento and Symphony and.. 😀
@ManiSh-kx2le
@ManiSh-kx2le 2 года назад
Thank you for this great course. And thanks for keeping the video at its normal speed. It's really easy to follow.
@TheCodeholic
@TheCodeholic 2 года назад
Thank you as well.
@awakening5967
@awakening5967 2 года назад
If you meet the error: "Class "App\View\Components\home\Arr" not found" at around 1:30:39 as I did, the solution is to include this sentence at the top: "use Illuminate\Support\Arr;"
@sayeedbintariq137
@sayeedbintariq137 2 года назад
Hey Codeholic!!! Your Laravel Project based course is awesome. Eagerly Waiting for Nuxt + laravel E-commerce type project.
@TheCodeholic
@TheCodeholic 2 года назад
Thanks a lot my friend. A Laravel E-commerce project is in my plan, but I don't know yet If I will use Nuxt or not.
@sayeedbintariq137
@sayeedbintariq137 2 года назад
@@TheCodeholic glad to hear that in your plan. It will be good if you use laravel API to any other forntend vue or react.
@brisam51
@brisam51 2 года назад
Thank you master I appreciate your efforts..massoud from Iran
@pahtashow
@pahtashow 2 года назад
REQUEST: Tours/Destinations website with Laravel
@Gabriel-tp8tj
@Gabriel-tp8tj Год назад
U are a great teacher and dev, ty !!!
@kingchuks04
@kingchuks04 2 года назад
Yayyyy! I was so looking forward to this. Thank you for the effort!
@charlesvallar8762
@charlesvallar8762 2 года назад
Awesome work man ! I've learn a lot on Laravel thanks to you. Thank you so much and see ya in an another tutorial.
@TheCodeholic
@TheCodeholic 2 года назад
Happy to hear that.
@shiftempty
@shiftempty 2 года назад
thanks Zura im just starting php watching your lessons
@pranaychakraborty4866
@pranaychakraborty4866 2 года назад
Hellow sir, thanks for this awesome tutorial. Please make tutorial series in laravel 9. Thanks in advance 😀
@lesssass4478
@lesssass4478 6 месяцев назад
In 27:35, Where can download and store the fonts instead of hosting from google API?
@abbasroholamin8976
@abbasroholamin8976 2 года назад
Thanks for your great tutorial video I really learned new things by watching this tutorial
@TheCodeholic
@TheCodeholic 2 года назад
Happy to know that. Thanks for your comment
@merlinafera4865
@merlinafera4865 2 года назад
Free checker is an email logger your email list can be retrieved by the tools builder
@sultanaditia3985
@sultanaditia3985 2 года назад
Soo coool my brother!! Zura janai Katsura da
@besideamazon9430
@besideamazon9430 Год назад
Thank you for this great course. Awesome work dear ! I've learn a lot on Laravel thanks to you.
@TheCodeholic
@TheCodeholic Год назад
It's Awesome to read that. Thank you.
@alikaram98
@alikaram98 8 месяцев назад
please make video with laravel + inertia(vue) with deploy because your tutorial is very awesome
@TheCodeholic
@TheCodeholic 8 месяцев назад
I am working on exactly that right now.
@asheaven1st
@asheaven1st 2 года назад
Thank you for this video.. Keep a great job
@TheCodeholic
@TheCodeholic 2 года назад
Thanks a lot buddy
@lesssass4478
@lesssass4478 6 месяцев назад
I am getting errors like this. I am following the project with Laravel 10. This is the error. Unable to locate a class or view for component [layout.navbar].
@hafidzdev17
@hafidzdev17 2 года назад
very cool .. thank you very much sir ,I hope the knowledge can be useful
@TheCodeholic
@TheCodeholic 2 года назад
You're welcome my friend. Enjoy!!!
@outsomnia
@outsomnia 2 года назад
Are you Georgian by any chance? I've never seen anyone named "Zura" outside of my country. Underrated content dude, keep it up.
@TheCodeholic
@TheCodeholic 2 года назад
Thanks buddy. Yes I am Georgian.
@immoazzem
@immoazzem Год назад
I have some question. 1- You didnt run "npm run build" 2- Isn't it needed?... My project uses vite, Now i get manifest error on cpanel
@TheCodeholic
@TheCodeholic Год назад
The reason is that at the point of recording the video the default frontend packaging tool was Laravel mix, but later Laravel switched to Vite in one of his next versions and you now have Vite. I guess you need to run "npm run build".
@immoazzem
@immoazzem Год назад
@@TheCodeholic I did run "npm run build" finally. I was trying to stick with you. My site works now. Thanks to you. Any new project on the way? Just curious. Thanks again for these amazing videos...
@sekhniashvili
@sekhniashvili Год назад
@@immoazzem I am working on Laravel E-commerce website. Which turns out to be very large for a single video. I have 7+ hours recorded and maybe it's only half.
@immoazzem
@immoazzem Год назад
@@sekhniashvili This will be a treat! Eagerly waiting.
@lugmonxojapardayev1219
@lugmonxojapardayev1219 2 года назад
Can you answer for one question? Can't we create projects which are created with asp.net or java in laravel?Most people say that laravel is for only smaaaaal projects.
@TheCodeholic
@TheCodeholic 2 года назад
Yes you can create. I don't agree the opinion that Laravel is only for smaller projects. Laravel can be used for very large projects as well, but you should have precise plan how you are going to scale your application.
@rajeshbudhathoki7888
@rajeshbudhathoki7888 2 года назад
Wow 🥰🥰❤️❤️ Thanks 🙏🙏🙏
@TheCodeholic
@TheCodeholic 2 года назад
Enjoy
@ibrahimsherif5457
@ibrahimsherif5457 2 года назад
Awesome content, thank you very much
@mehrzadtajkarimi7880
@mehrzadtajkarimi7880 Год назад
Thank you
@gencopura4080
@gencopura4080 2 года назад
Hi! Thank you for your videos! May I ask what to do if there are many identical controllers in the project?
@abdullahibrahim8471
@abdullahibrahim8471 11 месяцев назад
I have Portoflio, but I want to set up a Dashboard to control it, so that it is easy for me to add and modify it. Have you made a video like this before? Send me the link
@fire23hummer
@fire23hummer 2 года назад
God Bless you! Thank you!
@TheCodeholic
@TheCodeholic 2 года назад
You're welcome. Enjoy!!
@Funiestt
@Funiestt Год назад
Hi codeholic, alpinejs module doesn't work in my project, I did everything but no solution. Is laravel vite the problem? Cause in this project it was laravel mix(webpack). Please help me.
@ZeppGoesPro
@ZeppGoesPro Год назад
Zura, hello! How to install Laravel 9 this time? I use configuration like you do here. The command from 8:15 installs 10 version of Laravel. How to install 9? It turned out to be not so easy. Need your help, master!
@kenhcuatai
@kenhcuatai 2 года назад
Nice job dude!
@TheCodeholic
@TheCodeholic 2 года назад
Thanks dude...
@sivakhico2413
@sivakhico2413 2 года назад
amazing
@rakinar2
@rakinar2 2 года назад
Great tutorial!
@TheCodeholic
@TheCodeholic 2 года назад
Glad you think so!
@levett_
@levett_ 2 года назад
Have you tried the Trongate framework for PHP? It's definitely going in a new direction, but honestly it's worth checking out, think you'd find it interesting if you had a chance to play around with it. I think it would be really awesome to see you try out making something like this with it. Personally I've been a lot faster using it over Laravel. #StopIgnoringTrongate 🤣
@johwel340
@johwel340 2 года назад
Very interesting. I shall give it a spin sometime soon.
@ellanashadeed2605
@ellanashadeed2605 Год назад
why dark mode work only in navbar section ?
@vtexfacts
@vtexfacts 2 года назад
Help Can yOu make same video on codeigniter 4 . Need that for the job will be appreciated
@berkay8467
@berkay8467 2 года назад
Awesome content, thank you very much. What is the name of the theme you are using for PhpStorm by the way?
@youssoufmeite1554
@youssoufmeite1554 2 года назад
Thanks
@TheCodeholic
@TheCodeholic 2 года назад
Welcome
@ntcc2821
@ntcc2821 Год назад
@18.00 Im getting permision denied trying to install alpine
@CricketHighlights-nt7nn
@CricketHighlights-nt7nn 2 года назад
excellent
@TheCodeholic
@TheCodeholic 2 года назад
Thanks!
@waqasahmed8456
@waqasahmed8456 2 года назад
real fact is that you make a channel for earning money Bro......
@stephenlau2845
@stephenlau2845 2 года назад
hi, thanks for your tutorial, How I solve if I forget the password in 9:50 ? thanks again...!
@dfordemo981
@dfordemo981 2 года назад
your phpstorm is so beautiful, how did you make it cool ?
@Tristan-vg6pj
@Tristan-vg6pj 2 года назад
I encounter an error I installed docker successfully. But If I run the curl command to install the laravel it says docker is not running? How to fix this problem ?
@Tristan-vg6pj
@Tristan-vg6pj 2 года назад
I Found this ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VjUbSe8ONhs.html
@fabiansb
@fabiansb Год назад
2:04:16 when I hit the submit it goes to localhost/contact/submit. What should I do to get localhost/portfolio/public/contact/submit?
@kamilniegowski7381
@kamilniegowski7381 Год назад
What is the name of the theme you are using for PhpStorm?
@sunsopheary
@sunsopheary 2 года назад
Thank you for your great video, could you please make a video training SPA project with technology Vue3 + Laravel + tailwindUI
@jamestangeres4875
@jamestangeres4875 2 года назад
He already did it. Check his videos ☺️
@sunsopheary
@sunsopheary 2 года назад
@@jamestangeres4875 Thank you.
@henrycho5288
@henrycho5288 2 года назад
thank you. It woul be better if it has admin panel for content management. Awesome!
@TheCodeholic
@TheCodeholic 2 года назад
Yes, you are right. And I think that will be another video "Building Laravel Admin". Something like this..
@maxfrischdev
@maxfrischdev Год назад
Is that a hydroponics Salad rack in the background? 😀
@TheCodeholic
@TheCodeholic Год назад
Good catch. that's seedlings... 😀
@dhun-noorain
@dhun-noorain Год назад
Hi Codeholic. Please how did you write those symbols while writing your "variant" in 1:12:30?
@TheCodeholic
@TheCodeholic Год назад
Which symbols do you mean? Do you mean three lines?
@chkibriamiranmasood9382
@chkibriamiranmasood9382 2 года назад
i cant find the tailwind css installation guide in laravel 9.x documentation,, also at 26:00 i tried to load navbar in welcome.blade.php but it only load html.. also the command npm run watch didnt work even though i follow all the steps
@TheCodeholic
@TheCodeholic 2 года назад
I think the reason is that Laravel changed frontend builing tool from Laravel mix to vite and new Laravel projects come with vite. You can revert it back to Laravel mix or change a few things when watching the tutorial.
@regisstack9024
@regisstack9024 2 года назад
anyone will do it?
@learn029
@learn029 2 года назад
I love so much your php mvc tutorials Is it possible to make tutorials on single page router and templateEngine in javascript means all over our custom framework by vanilaa javascript
@TheCodeholic
@TheCodeholic 2 года назад
That's something I have in mind for a long time.
@Rocket5386
@Rocket5386 2 года назад
Can you review Tronngate? #StopIgnoringTrongate
@patrickbuckland5847
@patrickbuckland5847 2 года назад
26:36 Tailgrid Nav Bar won't show up, I've followed all steps carefully
@charlesamani1829
@charlesamani1829 2 года назад
I think the reason is the plugin js is not properly configured. check your ******tailwind.config******* file and make sure you change the plugins code to : plugins: [require("./plugin")],
@retro_old_school8852
@retro_old_school8852 2 года назад
yea, i have same problem. Menu hrefs - margin doesnt work and hamburger menu also. Im stuck at this point. Did you find solution?
@hristov1280
@hristov1280 2 года назад
Hello, can I ask you why do u recommend installing Laravel via Docker and WLS2 instead of Composer & xampp. I'm pretty new to docker so I'm just asking out of curiosity, Thanks.
@TheCodeholic
@TheCodeholic 2 года назад
There are couple of advantages of using docker. 1. It is very easy to setup a new project using docker if you are familiar with it. 2. Docker helps you avoid problems like "It works on my machine", because the project will always run with the same version of PHP, mysql, apache, etc... 3. You can have multiple projects easily running at the same time with different PHP version. Which can be a big pain without docker. IMO everybody should be using docker for project development.
@hristov1280
@hristov1280 2 года назад
@@TheCodeholic Wow, thanks for the extensive answer! Is there a way to limit the high memory usage if I'm using Laravel with Docker, because this is the only factor that stops me from using Docker currently. Thanks 😄
@sekhniashvili
@sekhniashvili 2 года назад
@@hristov1280 If you are on Windows or on Mac docker takes more resources. If you are Windows user and If you don't need any software that is only available on Windows, try Linux. It takes much less resources, you will get used to terminal and I think it will finally help you to become a little bit better developer.
@hristov1280
@hristov1280 2 года назад
@@sekhniashvili Yeah I agree with you that for developing and security purposes Linux is better, but I find it hard currently to migrate to Linux, cause of various reasons :D. Maybe in the near future. Thanks again for the tips! Love your videos
@motu0427
@motu0427 2 года назад
hye bro i have an issue when running ./vendor/bin/sail up...............when i try this its not result like you........now what i do
@TheCodeholic
@TheCodeholic 2 года назад
What is the result?
@SonOfAWolf736
@SonOfAWolf736 2 года назад
Hello from 🇬🇪! But what if I don't have that much XP and projects?
@TheCodeholic
@TheCodeholic 2 года назад
Then portfolio does not make much sense. Portfolio must show your work. Start building small projects. And in about 3 months you will have good enough projects to build nice portfolio.
@koralagemadhushan9937
@koralagemadhushan9937 2 года назад
what is this color theme
@regisstack9024
@regisstack9024 2 года назад
How to set up Alpine js with Vite?
@TheCodeholic
@TheCodeholic 2 года назад
I think it is setup on new installed Laravel by default.
@lifebehindbar
@lifebehindbar Год назад
npm run watch doesn't work for me
@TheCodeholic
@TheCodeholic Год назад
I just pinned a comment in the video mentioning this problem. Laravel changed its asset building from Mix to Vite.
@frndschu
@frndschu Год назад
@@TheCodeholic alright I didn't find your pinned comment in the video, but it was enough to find the solution. thanks
@jovincebrillantes1042
@jovincebrillantes1042 2 года назад
It seems there's not that many changes from laravel 8 to 9.
@TheCodeholic
@TheCodeholic 2 года назад
No that many, but there is new symfony mailer instead of swiftmailer
@ajaythombare5898
@ajaythombare5898 2 года назад
How to use Linux in windows ?
@TheCodeholic
@TheCodeholic 2 года назад
I have a separate video how to setup docker with WSL on Windows.
@T_D_E_V
@T_D_E_V 2 года назад
რა ნაცნობი ხმა და რა ნაცნობი ადამიანია DD
@TheCodeholic
@TheCodeholic 2 года назад
მე ვერ გიცანი 🙂
@T_D_E_V
@T_D_E_V 2 года назад
Php კურსი დამწყებთათვის აპოლოს არხზე რო გიდევს მაქედან გიცანი
@giorgiivanidze8571
@giorgiivanidze8571 2 года назад
gaixare dzma
@SamShamoun.clipss
@SamShamoun.clipss 2 года назад
ქართულ არხზე როდის დადებ ვიდეოს? 🖤
@TheCodeholic
@TheCodeholic 2 года назад
არ ვიცი მეგობარო. ზუსტი თარიღის თქმა მიჭირს.
@motu0427
@motu0427 2 года назад
plzz help bro
@bignine5127
@bignine5127 2 года назад
First!
@newfuture9992
@newfuture9992 Год назад
Target class [Fruitcake\Cors\HandleCors] does not exist.
@markjaysonalabazo1569
@markjaysonalabazo1569 Год назад
that faint
@omerfaruk5100
@omerfaruk5100 2 месяца назад
no offence but that video is so old, there's nothing work as expected. i'm at minute 30 but i guess after 2-3 hours i'm at minute 30. there's problems about vite, there's problems about tailwind, now i'm pretty sure if you are a beginner this video is not for you. i won't keep digging about this video, thank u for this video but now it's not a good choice for start.
@danielasema9560
@danielasema9560 2 года назад
Not beginner material imo. He does a lot of pasting code or snippet shortcuts that make following along difficult. A good beginner teacher, imo, types (most of the code) out.
@gravellife5643
@gravellife5643 2 года назад
Hostinger - it's not good when mixing politics and business!
@TheCodeholic
@TheCodeholic 2 года назад
I did not get it. This video is not sponsored by hostinger. I just like Hostinger services.
@ahmedutuber
@ahmedutuber 2 года назад
I tried my times fixes erros , i have many erros i cant fitx still, like "Undefined array key "href" , in navbar.blade.php file 42:23
@shahidhsalarzai
@shahidhsalarzai Год назад
hi @thecodeholic is there any admin dashboard so we can post throuth there
@TheCodeholic
@TheCodeholic Год назад
This particular video does not have it. Maybe I can make a separate video about building Admin Panel in Laravel.
@MrNobody-cp7dk
@MrNobody-cp7dk 9 месяцев назад
Dude, great video, thank you! But I have no laravel mix in the container. I can't run npm watch. How to fix this? When I run npm install laravel-mix --save-dev I got errors: npm ERR! code ENOENT npm ERR! syscall mkdir npm ERR! path /var/www/html/node_modules/@esbuild/android-arm npm ERR! errno -2 npm ERR! enoent ENOENT: no such file or directory, mkdir '/var/www/html/node_modules/@esbuild/android-arm' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent
@khanprinters7104
@khanprinters7104 6 месяцев назад
Thank you for this great course. And thanks for keeping the video at its normal speed. It's really easy to follow.
Далее
Laravel 10 Blog with Filament Admin Panel | Part 1
2:57:06
معركة من أجل العصيدة 👧ضد🪳
00:26
Laravel Tutorial For Beginners (Simple User CRUD App)
1:16:13
React + Laravel Full-stack Application | Build and Deploy
3:13:19
Write Laravel, not PHP (feat. Aaron Francis) | 029
58:45
Why I Pick ShadCN and Tailwind for all my projects
18:53
10 Tailwind Tricks You NEED To Know!
10:45
Просмотров 284 тыс.
Laravel CRUD in 50 minutes for Beginners  from Scratch
49:58
Laravel + Livewire todo app (and so much more)
16:41
Просмотров 38 тыс.
Learn React With This One Project
42:38
Просмотров 753 тыс.
معركة من أجل العصيدة 👧ضد🪳
00:26