The Best Way to Deploy Your Static Website

Подписаться 277 тыс.

Просмотров 50 тыс.

50% 1

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

Наука

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

24 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 92

@WolfgangsChannel Год назад

Github Actions Template gist.github.com/notthebee/2e918b62a26f1c1f22dd38baa9b6afc5 Zola getzola.org My website repo github.com/notthebee/notthebe.ee

@rwz Год назад

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.

@hristos0 Год назад

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

@ntn888 Год назад

the OS for a homeserver is definitely debian!!

@jt_hopp Год назад

Cool explainer. Will create squarespace page instead

@code8986 Год назад

I would be really interested in a similar process using a self-hostable CI/CD system, like Jenkins or TeamCity.

@LampJustin Год назад

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.

@mrfoodarama Год назад

Sweet, was just looking into this!

@DanyTPG Год назад

Why use a server when there is cloudflare pages with automatic deployments?

@burprobrox9134 Год назад

Probably because

@uuu12343 Год назад

Came for static site generating tips and tricks by others Stayed for the fantastic surprise Github Actions tutorial

@earlyburg Год назад

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.

@tomasznocon6378 Год назад

nginx - n jinx SQL - squeel sqrt - squirt Everyone knows this

@sheikhnorsamsaturgo6779 Год назад

I just say “nuh-ginx”

@earlyburg Год назад

@@sheikhnorsamsaturgo6779 lol I can respect that.

@danielisaac7586 Год назад

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.

@KnutBluetooth Год назад

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.

@quickbrowndoglazyfox Год назад

Nice video Wolfgang! Which font is that again in your terminal? It looks awesome!!

@WolfgangsChannel Год назад

Comic Code

@blazenetwork242 2 месяца назад

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!

@adrianhermozabayona9888 Год назад

Man you are awesome!!

@JemaKnight Год назад

"UNTIL NOW, THIS WAS THE ONLY WAY TO GET JUICE FROM AN ORANGE"

@aliasname5518 Год назад

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 ?

@ahwx Год назад

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)

@recklessroges Год назад

That's what `man useradd` is for. #teachAmanToFish

@ahwx Год назад

@CarAudioInc Год назад

I do everything wrong, take that! Love the vids.

@bonk1463 Год назад

i use an open source tool named Coolify, didn't had too much problem with it.

@a.g8517 Год назад

can you tell me about Crypto like iam 5? what is pros & cons. How to use it?

@Mitsunee_ Год назад

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.

@WolfgangsChannel Год назад

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?

@chrisguy97 Год назад

What do you think about the new framework laptops and the brand in general?

@WolfgangsChannel Год назад

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

@maxnatamo Год назад

So, you're telling me deploying to a production-grade Google Cloud Kubernetes cluster with 10 nodes is excessive?

@WolfgangsChannel Год назад

Yeah, 9 nodes should be enough

@ThePowerRanger Год назад

What am I doing right?

@Kierstro_ Год назад

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!

@WolfgangsChannel Год назад

Hmm, that’s weird, didn’t happen for me. Thanks for the tip!

@sharma_harsh Год назад

Better would have a Raspberry Pi server running in my backyard and copy paste files there via mounted storage 🤣

@GustavAgar 6 месяцев назад

What is the font family of your console? Looks so cool

@Checker8763 3 месяца назад

Comic Code, as he pointed out in another comment.

@GustavAgar 3 месяца назад

@@Checker8763 thanks for replying n_n

@enkiimuto1041 Год назад

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.

@WolfgangsChannel Год назад

That would kind of go against the "static" part

@Slate245Ivanovo Год назад

Sooooo we know what's coming, right? Next tutorial on how to set up ci/cd without gh when?

@c1dk1n 5 месяцев назад

You can just use git on your remote, and use a hook **wipes hands clean**

@LA-MJ Год назад

Running keyscan in a pipeline defeats the purpose. Commit known_hosts or even better add it to secrets

@recklessroges Год назад

Correct. Bypassing security is the wrong methodology. #WCPGW

@AbhishekBM Год назад

It's pronounced as 'Engine X'. Nice tutorial btw

@r0galik Год назад

I thought I was the only one who pronounces "nginx" this way

@moistness482 Год назад

Bro shocked me when he said he was on Debian. It looks so much like a mac.

@-aexc- 11 месяцев назад

sshd into debian from Macbook

@moistness482 11 месяцев назад

@@-aexc- ah, of course, thank you for pointing out

@mrsansiverius2083 Год назад

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?

@gearboxworks Год назад

First time I have ever heard it pronounced "N-Jinx". 😁

@LARKXHIN Год назад

and here I am been hosting it on Azure like a dumbass.

@willi1978 Год назад

azure datalake? when i read the title of the video i thought it would be hosted there. create a storage account and upload files

@MrTatooland 5 месяцев назад

This font burns my eyes…

@IArkProject Год назад

Listens to tutorial. Just uses Square Space anyways.

@tcasex Год назад

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.

@WolfgangsChannel Год назад

Wow, that's next level 😁

@tcasex Год назад

@@WolfgangsChannel Lol, I get it...some people wanna learn the hard way for "knowledge". I do that enough for work. xD

@paperhatboy Год назад

I want to see your tutorial :D

@pavelperina7629 11 месяцев назад

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.

@maceall8106 Год назад

Please tell me what you use to work in nvim as an IDE?

@zimbu_ Год назад

It's not "dot ee ee", it's "dot eeeeeee". At least that's what I choose to believe.

@miriam-english Год назад

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).

@WolfgangsChannel Год назад

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.