The Best Way to Deploy Your Static Website
HTML-код
- Опубликовано: 11 июл 2024
- Go to squarespace.com/wolfgang to get a free trial and 10% off your first purchase of a website or domain.
Follow me:
Mastodon tilde.zone/@notthebee
GitHub github.com/notthebee
Twitch twitch.com/notthebeee
Support the channel:
Patreon / wolfgangschannel
PayPal (one time donation) www.paypal.com/donate/?hosted...
Music:
Jalowo - Luminism (ft. Yonderling)
Liquify - Afternoon
Videos are edited with Davinci Resolve Studio. I use Affinity Photo for thumbnails and Ableton Live for audio editing.
Video gear:
Camera geni.us/K8OOyKV (Amazon)
Main lens geni.us/jnnElY4 (Amazon)
Microphone geni.us/tgiSqL (Amazon)
Key light geni.us/Gi1zE2 (Amazon)
Softbox geni.us/F86pM (Amazon)
Secondary light geni.us/aciv (Amazon)
Other stuff that I use:
Monitor geni.us/KUzcmcP (Amazon)
Monitor arm geni.us/5RXu (Amazon)
Laptop stand geni.us/X5vx9Af (Amazon)
Keyboard www.amazon.de/HHKB-PD-KB401W-...
Mouse geni.us/KB7h (Amazon)
Audio interface geni.us/sdhWsC (Amazon)
As an Amazon Associate, I earn from qualifying purchases
Timestamps:
00:00 Introduction
02:16 Tutorial
09:02 Outro 
Наука
Github Actions Template gist.github.com/notthebee/2e918b62a26f1c1f22dd38baa9b6afc5
Zola getzola.org
My website repo github.com/notthebee/notthebe.ee
I appreciate how you obtain the host certificate rather than merely using the SSH flag to bypass the verification. However, I strongly encourage people to employ host validation, as in our CI/CD environment, hijacking DNS can become an attack vector for stealing code. While this may not have a significant impact in your situation, others might execute SSH commands containing tokens, passwords, or similar sensitive information.
It's pronounced "Engine X".
You made a very nice pipeline - good job!
If you can do this you are gonna rock Pantheon and Acquia platforms.
nginx - n jinx
SQL - squeel
sqrt - squirt
Everyone knows this
I just say “nuh-ginx”
@@sheikhnorsamsaturgo6779 lol I can respect that.
Why use a server when there is cloudflare pages with automatic deployments?
Probably because
This is a really nice channel mate. Love it a lot. Sometimes things are a little bit to complicated for me but I love it anyway. I would like to see maybe some tutorials from scrach like: example how to configure pi-hole or sometimes more general subject like the difference between VMs and containers and use cases, what is docker , what is kubernetics, usecases or what operating system you should run on a homeserver and why..., and I would like to add another suggestion, maybe when you discuss a topic you can include the context and some general entry level explanation before you go in to the core of the subject. You have a huge space to grow if you address also the entry level viewer on your channel. I think your channel is one of the best I''v seen. Thank you
the OS for a homeserver is definitely debian!!
Cool explainer. Will create squarespace page instead
I would be really interested in a similar process using a self-hostable CI/CD system, like Jenkins or TeamCity.
Awesome, interesting approach. If I had to host a website, I'd probably do it with containers. :P Build the container, push it and pull it back down, replacing the old one.
Came for static site generating tips and tricks by others
Stayed for the fantastic surprise Github Actions tutorial
Sweet, was just looking into this!
Nice video Wolfgang! Which font is that again in your terminal? It looks awesome!!
Comic Code
You should do a video on remote software. I'm away from home now alot and I need to access my home PC so I went down a kvm rabbit hole and I think it would be great content for your channel.
Man you are awesome!!
I do everything wrong, take that! Love the vids.
Is there a reason one would want to host on their server (/var/www) vs in a docker container on the same server? Would this mean that you are limited to self hosting one website and cant host multiple static sites?
Love your videos btw. Amazing work. Great content, editing, knowledge sharing, etc. Keep it up!
I just git push to my archive server and then there's a git hook that pushes in cascade to my web server. The git hook on the web server does a rm -rf of the root of the site and then runs the static site generator locally to generate the new version. No need to restart anything on the web server. Of course this is through wireguard and the ssh key is on a nitrokey where secrets are truly safe unlike on a micro$oft server.
"UNTIL NOW, THIS WAS THE ONLY WAY TO GET JUICE FROM AN ORANGE"
for someone learnin CLI it would be sweet if there was a little text in the video explaining what things like -f and -G stand for.
Also, shouldnt it been www/data at 4:17 ?
i don't know for other distros, but i'm debian it's www-data.
a command usually has a man page, try this example: "man apt" (if using apt, i assumed since you're new to cli)
That's what `man useradd` is for. #teachAmanToFish
ok
What do you think about the new framework laptops and the brand in general?
I really like what Framework folks are doing. Don't personally need a Windows laptop myself, but the idea of a laptop with a removable dGPU is honestly genius
It's pronounced as 'Engine X'. Nice tutorial btw
What is the font family of your console? Looks so cool
Comic Code, as he pointed out in another comment.
@@Checker8763 thanks for replying n_n
Hey! Another great vid but one thing I noticed for people following along is that running 'rsync -avx --delete public/ $DEPLOY_USERNAME@$DEPLOY_SERVER:./ ' resulted in the .ssh repository being deleted also, this meant that should you carry out another git push the workflow would fail. To get around this I had to make an amendment to the rsync command to " --exclude '.ssh' " and it seems to be working perfectly afterwards. It's just something I thought would point out in the event others had a similar problem following along!
Hmm, that’s weird, didn’t happen for me. Thanks for the tip!
Running keyscan in a pipeline defeats the purpose. Commit known_hosts or even better add it to secrets
Correct. Bypassing security is the wrong methodology. #WCPGW
i use an open source tool named Coolify, didn't had too much problem with it.
can you tell me about Crypto like iam 5? what is pros & cons. How to use it?
If you think about it, it is really funny how there is no CMS/GUI for SSGs that aren't a hack like making Ghost be headless and so on.
That would kind of go against the "static" part
the environment I get with ssh on my hoster is very limited and I don't think rsync actually works. I've tried 3rd party github actions for sftp previously, but those didn't work either, one of them was actually using git clone on the deployment machine, which I very much doubt is possible under any ftp protocoll. Any other static sites would probably use vercel or github pages anyways, so I don't really need to worry about deployment pipelines there either, kind of a shame really.
I used to `rm -rf` the public folder and just copy all the files from scratch using sftp, back when I was experimenting with chroots. Maybe that could be an option?
Better would have a Raspberry Pi server running in my backyard and copy paste files there via mounted storage 🤣
Sooooo we know what's coming, right? Next tutorial on how to set up ci/cd without gh when?
Bro shocked me when he said he was on Debian. It looks so much like a mac.
sshd into debian from Macbook
@@-aexc- ah, of course, thank you for pointing out
You can just use git on your remote, and use a hook **wipes hands clean**
First time I have ever heard it pronounced "N-Jinx". 😁
So, you're telling me deploying to a production-grade Google Cloud Kubernetes cluster with 10 nodes is excessive?
Yeah, 9 nodes should be enough
I thought I was the only one who pronounces "nginx" this way
Listens to tutorial.
Just uses Square Space anyways.
This font burns my eyes…
and here I am been hosting it on Azure like a dumbass.
azure datalake? when i read the title of the video i thought it would be hosted there. create a storage account and upload files
It's not "dot ee ee", it's "dot eeeeeee". At least that's what I choose to believe.
Please tell me what you use to work in nvim as an IDE?
I’d argue your still doing it wrong.
AWS ACM handles certificates for me, set to auto-renew. Don’t need to think about anything.
My website is deployed via s3 bucket with a github pipeline which is updated from my local machine. I just merge my updates in VSCodium and the pipeline picks it up and replicates it to the live website.
CDN is leveraged through cloudfront which is also super simple. It also handles all the proper TLS headers, CSP, and other security related headers for me. Nginx needs manual config for that.
Costs me like $6/mo for my website on AWS and it’s literally one button click once I update something on it.
Wow, that's next level 😁
@@WolfgangsChannel Lol, I get it...some people wanna learn the hard way for "knowledge". I do that enough for work. xD
I want to see your tutorial :D
I guess once you are self hosting anything, it's easiest to have manual script that deletes content of podman/docker nginx container's volume, builds jekyll site, copies it to volume and adds a few files like google's and bing's site verification xmls. Cloudflare tunnel handles certificates.
I already set up my website with Hugo and Infinity free, but this might be useful in the future.
Can you also make a general video on SEO?
What am I doing right?
Good video. Debate Vaush.
inb4 Vaush got his 2FA app set up in this debate
buuh
I really enjoy your videos, but I don't understand why this one is so complicated. For my website I just create my pages in a local directory tree structure on my computer using a text editor (leafpad or Geany) and upload the pages to my website via ftp. Easy.
I use minimal HTML deliberately, so my pages load instantly on any computer no matter how old, even on very slow internet services, and the pages adapt automatically to whatever display is being used (as HTML was originally intended to do).
To each their own :) There are some people in the comments who found that this setup is actually not complicated enough.
For me, it's fairly simple and still provides some creature comforts over plain HTML.
I use a static website generator because Markdown is way eaiser to write than plain HTML, and because taking care of my blog articles manually is too much effort.
I also use some CSS, because even though HTML was originally intended to adapt to all the different displays, it also wasn't really created with widescreen, ultrawide or even big displays in mind. So unless you at least limit the width of your pages, your website is going to be unreadable on some displays.
Using a static website generator also means that I just get plain HTML and CSS at the end, which is lean, and should look good on pretty much all browsers and displays.
As for the deployment - FTP is fine as long as you don't update your website very often. However, manually copying all your files via FTP every time you want to make a change can get tiring if you update your site often.
This is way more complicated than my method, and way more complicated than it really needs to be.
Sorry, it is definetly NOT the best way to hand over your ssh key to github.
Lol are you kidding me, use railway and do 1) generate 2) railway up ... this "simple" deployment is very cringe Mr Wolfgang