Deploy To Shared Hosting With Github Actions
HTML-код
- Опубликовано: 12 сен 2024
- We already did a similar episode to this but instead of using #Github, we were using Git module that comes with #cPanel. That approach has some problems, at least the viewers of the channel have reported some problems. So now instead of using Git module from cPanel we are going to be using Github and Github #Actions to deploy our site to staging and production servers. Github Actions makes this so easy, as you will see in the video.
----------------------------------------------------------------------------------------------
⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. You can check it out here: bit.ly/3qdjIc5
------------------------------------------------------------------------------------------------
You can support my work on Patreon
/ watchlearn
Follow me on Social Media
Github: github.com/iva...
Twitter: / ivan_doric
Instagram: / watchlearntuts
Facebook: / watchlearntutorials
This is so simple yet I had been struggling to put everything together. Great tutorial, covered all the angles.
Nice. Glad I could help 😀
Amazing. Thank you very much Sir. Love from Sri Lanka 🇱🇰
Great thank you so much. I can finally let GitHub push my changes to the server instead of manually deleting and reuploading files every time!! Highly appreciate it
Glad I could help 😀
Amazing tutorial. That's what I was looking for. Simple yet so clearly explained. Thank you so much.
Glad I could help, and thanks for watching 😀
Awesome man so simple and exactly what I needed.
Glad I could help 😀
Simply great! Good stuff, keep up the good work.
Thanks man! 😀
Fantastic. Just what I was looking for. Thanks!
Glad I could help 👍
so helpful video, recommended
Amazing solution! I´ll be implementing that soon
Amazing tutorial! Thank you!
Great job! Thank you for making my job so easy
No problem 😄
Thanks man!! Simple, fast and complete.
Glad you like it 😀
Very good, easy to work. Let me try it. Thank you!
Perfect walkthrough. Just remember your / on your directories which I forgot!
Thanks bro, u help me a lot with a simple way😅
No problemo 😄
How You would run it if you have more then one FTP server? In my case I need to deliver same files to 9 different FTP servers.
Man, thank you so so so so so much, you are a live saver.
Glad I could help 😀
Hi, thank you 🤘
very well and understandably explained 👍 Thanks
Thanks :)
Awesome content. New subscriber 🙌
Thanks, glad you like the content 👍
Great job! Awesome!!!
Thanks man! 😀
Very good video!
Amazing tutorial.
thank you vey much
Helpful
best ever
Thanks! You deserve a sub!
Awesome tutorial, really thanks!
You are welcome! 😀
Really Amazing tutorial!
Thanks 😀 hope it helps.
Saved a ton of my time ❤
Nice 👍
Thank you! This is way easier than using TravisCI
Glad I could help 😀
Thank youuu so much for this ❤️
You are welcome 😀
Helped me a lot, Thanks
Nice 😄
nice tutorial. What are the themes you are using for terminal and vscode?❤ then really look awesomw
Instead of using FTP, can you tell me how to modify the script so it uses SSH to push the files to the shared hosting server?
just what i wanted to do. so will try it out on the next push
Glad I could help :D
Thank you, Ivan!
No problem 😀
Good stuff, thanks!
Thanks for watching 😀
Life Saver
Thanks man! 👍👍👍
Thanks for watching. :)
Na šta bi trebalo obratiti pažnju ako je u pitanju react app? Pretpostavljam da bi u nekom momentu u akcije trebalo upaciti "npm build" :D, hvala u svakom slučaju, super tutorial! pozz
Da, ali i zavisi šta radiš, ako praviš kompletno statički site u npr. NextJS onda možeš samo baciti gore statičke fajlove, a build (npm run export) napraviš lokalno.
@@WatchandLearnTutorials Ok, hvala
There are issues with Sam's FTP/SSH action tools today, likely regarding ED25519 key changes. Such a shame, hoping the team can fix soon.
Thanks!!!
You are welcome 😀
This is awesome, will an angular application work with hostgator hosting service, using this method. Im very new to this. Thank you for your service!! Great videos
I would guess probably not. But I never used Angular so I can't be sure.
This is so good.
Can we use this with Private Repo?
Thank you!
I think you could use a private repo, sure.
Any update on when the Wordpress/Next.js Course will be available?
No, sorry. It's going really slowly, because of personal life - child, moving houses, just started on a new job etc. Only thing I can say it will be done when it's done. Sorry.
Hi. Great tutorial like always. Thanks a lot! But i have an error: "Error: Server sent FIN packet unexpectedly, closing connection." Any idea what could be the reason?
Good :thumb
Bro. I'm using Special FTP Accounts instead of just normal FTP Accounts. So, will still that works?
Hey Dude Thanks for the demo. I have one question how can I change the configuration of a file before deploying it to server? I want to change the database name before deployment.
That info is usually saved in .env files. However you would not send .env files through git, because database name, username, password would usually be differnet locally. So you have to add .env file manually, through FTP.
Question: Does that work with Addon domains the same way with subdomains?
I am working on a website that the main folder is located in public_html and it has addon domain.
I don't know. You can try it, and see what you get.
Cao Ivane, da li ovaj github actions moze da se primeni i na Wordpress? Hvala unapred majstore :)
Može, zašto ne. Jedino naravno, pošto WP radi kako radi, morat ćeš i dalje bazu prebacivati ručno. Ali datoteke možeš bez problema prebacivati na ovaj način.
@@WatchandLearnTutorials Hvala ti punoo :). Sve najboljee.
Thank you so much for this tutorial, its great help. In my case, i want to deploy laravel project but in github, vendor file will not be uploaded so in each time of deployment, is there any way to include vendor folder or run some command ?
Your vendor folder is probably defined in .gitignore. As it should be. You can remove it from there and then your vendor folder will be uploaded. But that is not recommended. What you need is some action that will run: `composer install` once your files are uploaded. But that can't be done with the simple setup like in the video. Doesn't Laravel eco system have like a million tools for deploying Laravel (Laravel Forge or something like that)? Also you can look for specific Laravel actions on github and start from there, this video is meant and will work with static sites only.
Error: Deploy
{"code":421,"message":"connect: Sorry, cleartext sessions and weak ciphers are not accepted on this server.
Please reconnect using TLS security mechanisms."}
Hey, the Kite link is broken, just thought to notify you.
Kite doesn't exist any more. So yeah :) www.kite.com/blog/product/kite-is-saying-farewell/
Question , this also compares que newest or changed files in the ftp o copies all again ?
No, it doesn't. Same question I came to ask here.
It would be nice and less expensive if it can upload just the updates files.
thank you
No problem 👍
What IDE are you using?looks awesome
It's VS Code. Nothing special 😀
Can u please tell me how can I do it with dist folder as it's always recreated and .git folder is lost on every time I do npm run build 🙏😭
What do you mean .git is lost every time you build? That should not be happening. As for dist folder you can either add additional build step to your yml files, or you can build locally, and push that to Github.
@@WatchandLearnTutorials when I do build in vue cli , all files are re-created with newly changes in dist folder, I want to push the dist files to git , so as of now I copy .git folder and paste manually back to push again as .git folder is deleted on evry npm run build
@@mrniamster I still don't understand. Why are you touching .git folder? You should not touch that folder.
@@WatchandLearnTutorials ok I say again,
When I do npm run build ,
It produces /dist folder on production
Now I create git on dist folder to push on my shared hosting
But when I do a npm run build again later the .git folder is removed ,due to which I loose info about tracked files so I had to git init again
Problem: I want to stop vue cli to delete the .git folder
@@mrniamster Maybe ask at some of the Vue channels, npm run build should not delete .git folder. There is something very weird happening on your end then. Honestly I've never heard of something like this. npm should only build your files, nothing should make changes to .git folder except for git commands.
How do I set production as default root directory
what if I added a .gitignore file in my project (I currently using laravel), the "vendor" folder cant be uploaded to my GitHub project because I ignore that folder in the .gitignore file.
this can be a problem for my application whos required that "vendor" folder.
any solution pls?
Well yeah. This video is mostly for static already prebuilt sites. Technically you can use this method but you shouldn't ignore vendor files then. Install them with composer and just push everything. Because a lot of shared hostings don't even have composer installed so you can't install them on the server. I think much better solution would be to use something like Digital Ocean or something like Cloudways which is made for PHP apps. I have a video about it here: ruclips.net/video/1275nv4Wxkk/видео.html ... I'm not into Laravel anymore but AFAIK there are apps you can use for better CI/CD experience like forge.laravel.com/ this is specifically made for Laravel deployments, so that maybe right solution for you.
i am using this to deploy my laravel project but issue is its no transferring the complete file, like composer.lock and routes etc
This method is only good for static sites, it won't work with something like Laravel or Node apps, because there you would usually need to run 'composer install' or 'npm install' to install all the dependencies. But if composer.lock or routes are not transfered then check your .gitignore, maybe those files are ignored.
@@WatchandLearnTutorials yup you are right about composer install. and i have triple check the gitignore.
Is there is no setup in shared hosting ? Is it secure ?
It's secure as if you are uploading something to your server manually via FTP.
Is it my FTP credentials from cpanel I will enter in github secret?
Yes, get the ftp info from your hosting provider and put that in as secrets in GitHub
can you show us how to deploy the MERN stack app on the c panel with GitHub action???
I have a client folder and server folder at the root of the app and create .github/workflows. What is next to build React app or leave. And show me err on workflow: can't connect to FTP or FTPs may be because sftp bla bla bla.
I would not deploy MERN stack on shared hosting, you need to use something like AWS, Digital Ocean etc.
@@WatchandLearnTutorials I deploy server on heroku and front on shared host
But problem is that client need to have github.
@@MilanDrazic I don't understand this question?
very well easy to implement. Is there a way to host strapi in cpanel hosting
?
Yes there is. And I have a video about it: ruclips.net/video/ebWJbbUT4TA/видео.html however, I would advise against that, because your Strapi app will probably stop working after a day or two, even when using something like PM2. At least that was how it behaved on my hosting. So it would be better to use something like Digital Ocean, AWS etc. for hosting Strapi. Shared hosting/cPanel is just not ready for something like that.
@@WatchandLearnTutorials thanks for your advice. Actually I host my application at Heroku, I'm familiar with the cpanel environment but never used it for node app, I want to test it with pm2.
@@flavienrako979 Did you test it? How did it go?
@@WatchandLearnTutorials Yes and I have a lot of trouble with my server. So, I decided to take a server vps at ionos. And now I'm trying to dockerize my strapi application
.
@@flavienrako979 Hehe :) ... cool. So you are bringing Docker to the fight 😀 ? Hope that works out. Let me know how it goes.
what if this is react app?
You would need to add a build step, or you could build it locally and just push that since that way you just get a static site. If it's a framework like Next.js with SSR then this would need to be more involved and also you probably wouldn't be able to host it on a shared hosting.
how to setup on server side ftp to use github action
You don't need any special setup, you just need to know where the files are going to be pushed, your username and password.
Can you make tutorial how to deploy strapi on cpanel shared hosting and connect to database on cpanel
I have an episode about deploying Strapi to shared hosting: ruclips.net/video/ebWJbbUT4TA/видео.html however I would advise against that because Strapi or most of Node apps just don't work very well on shared hosting... at least not mine, as you would be able to see in the video mentioned above. Better deploy it to Digital Ocean, AWS, or some other similar service.
@@WatchandLearnTutorials is there a service where you could deploy strapi for backend, database, nextjs frontend and mail server? I was looking into firebase but i doesn't have mail server. Now i have cpanel on shared hosting, but as you sad it would be better on none shared.
@@petarblazevic397 You can deploy everything to Digital Ocean, AWS, Vultr, Hetzner or similar service, what you need is VPS. They can be a bit pricey, AFAIK Hetzner is most affordable, however you would need some devops skillis to set everything up, these services won't do that for you. However, Digital Ocean has "one click" installation for Strapi, so you can try that ( marketplace.digitalocean.com/apps/strapi ). You can get $20 for Digital Ocean from this video: ruclips.net/video/IktnuT9UgbM/видео.html
Great Tutorial! Thank you!
You are welcome 😀
Great Tutorial! Thank you!
Thank you for watching 😀