Rakensin verkkosivustoni promptaamalla — WordPress:stä Next.js:ään Clauden kanssa
Minulla oli WordPress-sivusto. Olin rakentanut sen itse — se toimi, mutta joka kerta kun halusin muuttaa jotain, törmäsin samaan seinään: teema ei tue tätä, lisäosa tarvitaan, muutos kestää.
Päätin rakentaa sivuston uudelleen. Ei no-code-työkalulla — vaan keskustelemalla Clauden kanssa.
Lopputulos: uusi sivusto parissa tunnissa. Tämä on tarina siitä miten se sujui.
WordPressin ongelma
WordPress ei ole huono. Se on maailman suosituin sivustoalusta syystä — se toimii, ja pääsin sillä pitkälle itse rakentamalla.
Mutta se on rakennettu aikaan ennen tekoälyä. Ja se näkyy.
Muokkaaminen on hidasta. Halusin siirtää elementin sivulla toiseen kohtaan. Teema ei tukenut sitä. Lisäosa löytyi — maksullinen. Aktivoin, konflikti toisen lisäosan kanssa. Tuttu labyrintti jokaiselle WP-sivustoa itse ylläpitäneelle.
WordPress ei ole AI-natiivi. Voin käyttää tekoälyä tekstin kirjoittamiseen, mutta itse sivustoon se ei pääse käsiksi. PHP, tietokanta, teemahierarkia — musta laatikko jota on vaikea antaa Clauden käsiin.
Päivitykset ovat venäläistä rulettia. WordPress-core, teema, lisäosat — kaikilla oma päivitystahtinsa. Joskus kaikki toimii. Joskus ei.
Ratkaisu: ympäristö jota Claude ymmärtää
Next.js + Tailwind + MDX + Vercel. Pelkkiä tekstitiedostoja, selkeä rakenne, ei mustia laatikoita.
Tämä on ympäristö jossa Claude toimii kotona. Se voi lukea jokaisen tiedoston, ymmärtää rakenteen, tehdä muutoksia ja selittää mitä tekee — ilman että törmää teeman rajoihin tai lisäosien konflikteihin.
Claude Code on Anthropicin koodausassistentti joka toimii suoraan terminaalissa. Se ei ole chatbotti johon liität koodinpätkiä. Se on kumppani joka lukee projektin, kirjoittaa koodia, testaa ja selittää.
Minulla oli visio. Claudella oli tekninen toteutuskyky.
Miten rakentaminen sujui käytännössä
Kuvasin mitä halusin: tumma, minimalistinen, premium-tunnelma. Animoitu aurora-tausta. Nopea. Ei myyvä.
Claude ei pelkästään toteuttanut — se ehdotti. Kun pyysin aurora-taustan, se rakensi canvas-toteutuksen joka pysähtyy automaattisesti kun välilehti ei ole aktiivinen (akkua säästääkseen) ja sammuu jos käyttäjä on valinnut vähennetyn liikkeen saavutettavuusasetuksista. En olisi itse osannut pyytää tuota.
WordPress-blogisiirto: 21 vanhaa artikkelia. Claude rakensi skriptin joka muunsi ne MDX-muotoon, korjasi HTML-entiteetit automaattisesti ja siivosi rakenteet. Käsin tehtyyn olisi mennyt päiviä. Kesti minuutteja.
Koko sivusto syntyi parissa tunnissa.
Pääpointti: muuttaminen on helppoa — oikeasti
Tämä on se asia jota en osannut odottaa ennen kuin koin sen itse.
WordPressissä rakenteen tai ulkoasun muuttaminen tarkoittaa teeman kaivamista, PHP:n selaamista tai lisäosan ostamista. Sisältö ja rakenne ovat sekoittuneet toisiinsa tavalla joka tekee muutoksista epämiellyttäviä.
Tässä ympäristössä muutos tarkoittaa: avaan Claude Coden, kerron mitä haluan, hyväksyn muutoksen, ajan deployn. Koko prosessi luonnollisella kielellä.
Esimerkki: Halusin AI Caset -sivulle kategoriasuodatuksen. Kuvasin toiminnallisuuden. Claude rakensi sen, testasin, pyysin pari korjausta. Suunnittelu, toteutus, testaus, julkaisu — alle tunti. WordPressissä se olisi ollut lisäosaprojekti.
Versiohistoria on automaattinen. Jokainen muutos git-historiaan. Jos jokin menee pieleen, palautus on yksi komento.
Seuraava askel: automaatio
Tämä on se kohta jossa ero WordPressiin kasvaa isoksi.
Koska sivusto on rakennettu tekstitiedostoista ja selkeästä koodirakenteesta, sen voi kytkeä automaatioihin. Yhdistämällä Claude Coden ja Coworkin pystyn esimerkiksi rakentamaan työnkulun joka generoi ajankohtaisia blogiartikkeleja automaattisesti — hakee relevantin aiheen, kirjoittaa artikkelin, ajaa sen sivustolle.
WordPressissä tämä vaatisi erillisen integraation, API-avaimen, lisäosan, ja toivomisen että kaikki toimii yhteen. Tässä ympäristössä se on luonteva jatke sille miten sivusto on jo rakennettu.
Olen rakentamassa näitä työnkulkuja parhaillaan.
Tekninen lopputulos
- 31 sivua staattisesti generoituna
- 21 blogijuttua siirretty WordPress:stä
- Lighthouse-pisteet yli 90 kaikissa kategorioissa
- Aurora-canvas taustalla, 30fps, pysähtyy piilossa
- Hakukoneoptimointi: sitemap, robots.txt, JSON-LD, OG-kuvat
Kenelle tämä sopii
Et tarvitse ohjelmointitaustaa. Tarvitset selkeän vision siitä mitä haluat, ja valmiuden oppia prosessin myötä — ei passiivisesti klikkailemalla, vaan oikeasti ymmärtämällä mitä tapahtuu.
WordPress on edelleen järkevä valinta jos sivustolla on useampia sisällöntuottajia tai tarvitaan monimutkaista verkkokauppaa.
Mutta henkilöbrändille, portfoliolle tai asiantuntijasivustolle — ja erityisesti jos haluat hyödyntää tekoälyä ei vain sisällöntuotannossa vaan itse sivuston kehittämisessä ja automaatiossa — tämä on selvästi parempi ympäristö.
Sivusto jonka luet nyt on se lopputulos. Ja sen päivittäminen on yhtä helppoa kuin sen rakentaminen oli — promptaamalla.
Lue myös