Sivut
HTML on kansiossa src. build.mjs kokoaa siitä julkaistavan dist-kansion. Mukana ei ole sivukehystä.
Avoinna työharjoittelulle
Joonas Eskelinen
Software Developer
Rakennan sovelluksia, jotka ratkaisevat oikeita arjen ongelmia — joukkueen hallintasovelluksesta perheen talouteen, sekä mobiilipeleihin. Valmiiksi tuotantoon vietynä.
Sivuilta löydät osaamiseni, taustani ja konkreettisia työnäytteitä.
Tämä portfolio toimii CV:nä tulevia työnhakuja ja harjoittelupaikkoja varten.
8+
omaa projektia
2025
uranvaihto koodiin
Full-stack
web & mobile
Valittuja töitä
Kaikki projektit →README
Staattinen
Node.js
Hetzner
Portfolio
joonaseskelinen.com on oma projekti: staattiset sivut ja erillinen lomakepalvelu Hetznerillä. Edessä on nginx.
30 sekunnissaPikafaktat
Mistä sivu koostuuRakenne
Ulkoasu
Tyylit ja skriptit ovat omissa kansioissaan. Vasemman logon pyörivä malli tulee three.js:llä.
Lomake
Yhteydenotto on erillinen Express-palvelu. Viestit eivät ole sivujen kansiossa.
Julkaisu
Valmis sivusto on palvelimella kansiossa /var/www/eskdev/dist. nginx lukee sen.
Omalla koneellaKehitys
Sivut ilman kehystä
Sisältö on HTML:ää, ulkoasu CSS:ää ja toiminta JavaScriptiä. Fontit tulevat Google Fontsista. Bootstrapin tiedostot latautuvat CDN:stä, ja sivun oma CSS piirtää näkymän.
Node rakentaa ja näyttää
node build.mjs kirjoittaa dist-kansion ja tarkistaa, että paikalliset kuvat ja linkit löytyvät. Esikatselu on sama Node-prosessi: se tarjoilee dist-kansion ja lomakkeen. Testit ajetaan Nodella.
Työtila on Windowsilla. XAMPP-kansio on vain paikallinen sijainti. Julkaistavassa sivustossa ei ole PHP:tä.
TuotannossaHetzner
Sama Ubuntu-palvelin hoitaa jo muut sivustot. Portfolio lisättiin nginxiin niiden rinnalle. Alidomainit jäivät entiselleen.
nginx
Jakaa staattiset sivut ja ohjaa polun /api Node-palvelulle. HTTP ohjautuu HTTPS-osoitteeseen.
Let's Encrypt
Certbot haki varmenteen nimille joonaseskelinen.com ja www.joonaseskelinen.com. Uusinta käy automaattisesti.
systemd
Palvelu eskdev-contact pitää lomakkeen käynnissä ja käynnistää sen uudelleen, jos prosessi kaatuu.
Node.js 22
Express kuuntelee vain localhost-porttia 3000. Julkinen liikenne kulkee nginxin kautta.
Julkaisu
Sivut kopioidaan kansioon /var/www/eskdev/dist. Lomakkeen koodi on kansiossa /opt/eskdev-contact.
Viestit
Lomake tallentaa viestin tiedostoon /var/lib/eskdev/yhteydenotot.json. Tiedosto ei ole sivujen kansiossa.
Mitä ajetaanKomennot
Kehityskone
# kokoa sivut node build.mjs # aja lomakkeen testit node --test server/contact.test.mjs # esikatselu, kun SERVE_STATIC=1 node server/index.js
Hetzner
# sivut ovat kansiossa /var/www/eskdev/dist sudo nginx -t && sudo systemctl reload nginx # lomake, jos sen koodi vaihtuu sudo systemctl restart eskdev-contact sudo systemctl status eskdev-contact
TyökalutTech stack
SelainHTML · CSS · JS
Edustanginx
LomakeNode · Express
HTML
CSS
JavaScript
Node.js
Express
nginx
README
Sivusto on Hetznerillä. nginx jakaa sivut ja Node ottaa lomakkeen vastaan.