DevKarhu
Pyöritän omaa brändiä, joka tekee verkkosivuja ja digikonsultointia pienyrityksille. Teen kaiken suunnittelusta julkaisuun ja hoidan palvelimet itse (Hetzner + Coolify).
Hakemus · Oman median asiantuntija · Julkee x Lempee
Moi! Olen Jon. Teen sivuja, jotka valmistuvat.
Teen verkkosivuja Astrolla ja Claude Codella. Sisältö on tiedostoissa ja koodi GitHubissa, eli teen jo nyt niin kuin te. Lisäksi tunnen SEO:n ja tekoälyhaut (GEO). Olen rakentanut niiden mittaamiseen oman SaaS-palvelun.
Tämä on minulle intohimo eikä pelkkä ammatti. Kaikki alla olevat työt olen tehnyt päivätyön ohessa omalla ajallani, koska haluan tehdä tätä. Seuraan uusia työkaluja, kokeilen niitä heti ja rakennan niillä jotain oikeaa.
Tekee valmista- 3Astro-asiakassivustoa tänä syksynä
- 3tekoälyä, joilta SEO-Optimi kysyy, mainitaanko asiakas
- 0tietokantaa tai lisäosaa tällä sivulla
Lyhyesti
Pyörämekaanikko
Pyörät ovat minulle harrastus, josta tuli päivätyö: olen polkupyörämekaanikko rtech.fi:ssä. Sieltä tulee asenne: asiakas tuo rikkinäisen asian ja saa takaisin toimivan. Digiosaamiselleni siinä työssä ei kuitenkaan ole käyttöä, ja haluan nyt keskittää sen työhön, jossa se on ydinasia.
Majoitusyrittäjä
Pyöritän kahta lyhytvuokrakohdetta Valkeakoskella. Tiedän siis omasta kokemuksesta, mitä oma media tarkoittaa: omat sivut, Booking- ja Airbnb-ilmoitukset, hakunäkyvyys ja vierasviestintä.
Mitä haette → mitä tuon
Verkkosivut ja laskeutumissivut
Tänä syksynä tein kolme Astro-sivustoa asiakkaille: curvi.fi, Kauneus ja hyvinvointi Almaz sekä Dori Tattoo Studio, joka on kaksikielinen (FI/EN). Ne ovat staattisia ja julkaistaan automaattisesti GitHub Actionsilla.
SEO, myös tekoälyhauille
Jokaisessa sivussa on JSON-LD (LocalBusiness, Service, FAQPage, Breadcrumb), sitemap ja OG-tagit. SEO-Optimi kysyy ChatGPT:ltä, Geminiltä ja Claudelta, mainitaanko asiakas. Auditointityökaluni tarkistaa myös, pääsevätkö AI-botit sivulle robots.txt:n mukaan ja löytyykö llms.txt.
Markkinoinnin järjestelmät, joissa data liikkuu
Olen kytkenyt yhteen Supabase-kirjautumisen ja -tilaukset, Google Search Consolen (OAuth), DataForSEO:n, Resend-sähköpostit ja Sanity-webhookin, joka käynnistää julkaisun. Lisäksi olen tehnyt lomakkeita, kuten Dorin ajanvarauksen. CRM:ää olen rakentanut itse: tein vaimoni työn tueksi oman järjestelmän, johon jokainen sähköpostikeskustelu päivittyy automaattisesti. Edellisestä logistiikka-alan työstäni ovat tuttuja myös SAP, Microsoft Dynamics ja Viskan. CRM-järjestelmistä haluan oppia lisää, ja datan siirtäminen API:lla järjestelmästä toiseen on minulle jo arkea.
Legacy, kun ideaali ei ole mahdollinen
Ennen tein sivuja WordPressillä: Elementorilla, Divillä ja ilman sivunrakentajia omilla PHP-teemoilla. Kun katson sitä nyt taaksepäin, kaikki tuntuu todella takkuiselta, ja tiedän omasta kokemuksesta, miksi WordPress halutaan tuhota. Välillä tekisi mieli soittaa vanhoille asiakkaille ja kysyä, saisiko heidän sivunsa kääntää Astrolle. Osaan silti hoitaa vanhatkin järjestelmät, kun niitä vastaan tulee. Olen tehnyt FTP-julkaisuja jaetulle hostingille GitHub Actionsilla ja selvittänyt Node-versiokonflikteja omalla palvelimella.
Helppokäyttöisyys kävijälle ja päivittäjälle
Teen ensin mobiilinäkymän. Asiakkaat päivittävät sivujaan itse Sanity Studiossa, ja jos sisältöä ei saada haettua, sivulla on varasisältö, joten se ei koskaan näy tyhjänä. Malli, jossa sisältö on tiedostoissa ja muutokset tehdään Claude Codella, on minulle jo tuttu.
Neuvova ote
Finderi etsii Google Mapsista yrityksiä, joilla ei ole kunnollisia sivuja. Se tekee niille valmiin sivuluonnoksen ja ehdotuksen, joten lähestyn yritystä ratkaisun kanssa enkä tyhjin käsin. Omien majoitusteni Booking-ilmoituksista korjasin väärät kuvat ja konekäännetyt kuvaukset.
Työt
curvi.fi ↗
Curvi Creativen sivusto: palvelut, portfolio, hinnasto ja hintalaskuri. Sisältö tulee Sanitystä, ja julkaisu käynnistyy GitHub Actionsissa pushista tai Sanity-webhookista.
Kauneus ja hyvinvointi Almaz ↗
Valkeakoskelaisen kauneushoitolan sivusto. Siinä on lohkoista koottavat sivut, palvelukategoriat, hinnastot, UKK ja mobiilissa kiinteä ajanvarauspalkki. Schema on tehty BeautySalon-tyypillä.
Dori Tattoo Studio ↗
Kaksikielinen sivusto helsinkiläiselle tatuointistudiolle. Siinä on suodatettava portfoliogalleria, ajanvarauslomake ja sivustolle tehdyt design-tokenit.
SEO-Optimi
SaaS-palvelu suomalaisille yrityksille. Se näyttää AI-näkyvyyden, Google-sijoitukset, Search Consolen, avainsanatutkimuksen ja E-E-A-T-analyysin sisällöntuottajille. Mukana on tilaus- ja krediittijärjestelmä.
Finderi
Liidityökalu: haku Google Mapsista, tekoälyn tekemä sivuluonnos, henkilökohtainen tarjousviesti ja noin 16 kohdan SEO/GEO-auditointi.
SEO & GEO Analyzer
Avainsana- ja hakuaikeanalyysi sekä PDF-raportit, joissa näkyy tilanne ennen ja jälkeen. Siihen kuuluu erillinen auditointisovellus liidien keräämiseen.
FitBear
Treenisovellus PWA:na. Siinä on Fineli-pohjainen ravintoparseri, wger-liikepankki suomennettuna ja anatominen lihaskartta.
Karhulan majoitukset
Omien majoituskohteideni sivut. Niissä on täysi SEO/GEO-paketti: LodgingBusiness- ja FAQPage-schema, geo-metatiedot ja suorat varauspainikkeet.
Tuhoa WordPress? Mielellään.
Silloin: WordPress
- Teema, sivunrakentaja ja kasa lisäosia
- Päivitys, joka rikkoo jotain muuta
- Tietokanta, jota pitää varmuuskopioida ja suojata
- Muutos tarkoittaa klikkailua hallintapaneelissa
- Raskas sivu, joka latautuu hitaasti mobiilissa
Nyt: Astro + Claude Code
- Staattista HTML:ää, ei lisäosia
- Ei mitään, mikä hajoaa yöllä itsestään
- Ei tietokantaa, joten hyökkäyspinta on pieni
- Muutos tarkoittaa, että kuvailen sen ja teen pushin
- Kevyt sivu, JavaScriptiä vain sen verran kuin tarvitaan
Näin työskentelen
Suunnittelu ennen koodia
Teen ensin pari visuaalista suuntaa, jotta asiakas voi valita näkemänsä perusteella eikä kuvailun pohjalta.
Kuvaan, Claude tekee, minä tarkistan
Kerron muutoksen Claude Codelle, luen diffin ja testaan. Vastuu lopputuloksesta on minulla.
GitHub ratkaisee
Kaikki on versionhallinnassa. Push käynnistää buildin ja julkaisun, ja jos jokin hajoaa, revert riittää.
Suoraan, myös kun menee pieleen
Kun jotain menee rikki, kerron mitä tapahtui, mitä se tarkoittaa ja miten korjaan sen. Selittelyä ei tarvita.
Vähän minusta ihmisenä
Karhuihminen
Pidän karhuista todella paljon. Siitä tulee DevKarhu-nimi, ja siksi tälläkin sivulla on karhu.
Oma nurkkaus
Asun omakotitalossa, ja siellä minulla on oma nurkkaus. Siellä paneudun asiaan 1000 % ja kehitän jotain uutta ja tuottavaa.
Introvertti, joka tykkää ihmisistä
Tykkään nähdä ihmisiä, ja toimistopäivät tiimin kanssa antavat ideoita ja energiaa. Syvä keskittyminen onnistuu taas parhaiten kotona. Siksi hybridityö sopii minulle paremmin kuin hyvin.
Miksi juuri Julkee x Lempee?
Koska te teette jo sitä, mihin päädyin itse kokeilemalla: staattiset sivut, sisältö tiedostoissa, Claude Code tekee ja ihminen päättää. Tähän asti olen tehnyt sitä yksin. Nyt haluan tehdä intohimostani kokopäivätyön ja tehdä sitä tiimissä, jolla on jatkuvia asiakkuuksia ja jolta voin oppia CRM- ja automaatiopuolta lisää. Olen jo rakentanut oman CRM:n, ja haluan nähdä, miten sitä tehdään oikeilla asiakkailla ja isommassa mittakaavassa.
Millä tein tämän sivun?
Tein tämän sivun samalla tavalla kuin tekisin työtkin teillä:
- Astro, staattinen build
- Kaikki teksti yhdessä tiedostossa (src/data/sisalto.ts)
- Claude Code: kuvasin, mitä haluan, ja tarkistin tuloksen
- Tavallinen CSS, ei frameworkia
- GitHub ja automaattinen julkaisu
- Tietokantoja 0, lisäosia 0, WordPressiä 0
> Osaatko luoda minulle työhakemuksen näiden koodausprojektien perusteella
⏺ Kävin läpi GitHub-repot ja niiden README:t. Ilmoitus pyytää hakemusta verkkosivuna, joten rakennan sen Astrolla.
> Poista fit.devkarhu, se ei ole enää aktiivinen
⏺ src/data/sisalto.ts: linkki poistettu · build ok
> Lisää vielä, että tein ennen sivuja WordPressillä, Elementorilla ja Divillä
⏺ Legacy-osio päivitetty
> Lisätään, että minulla on halu oppia CRM-järjestelmistä
⏺ Markkinointijärjestelmät ja Miksi-osio päivitetty
> Onko graafiseen ilmeeseen jotain tuoda lisää? … Tee nuo kaikki
⏺ Kuvakaappaukset, terminaali, vertailu, fontit ja animaatiot lisätty
>