Devella One™ CLI
Agency / AI + CLI
Rakenna asiakassivusto
omassa editorissasi
Devella One™ CLI on komentorivityökalu, joka tuo asiakassivuston tiedostot omalle koneellesi ja omien työkalujesi ulottuville. Annat AI:lle asiakkaan toimeksiannon ja brändiohjeet, ja työstät sen kanssa sivurakennetta, sisältöjä, komponentteja ja tyylejä omassa editorissasi. Sama työnkulku kattaa sekä uuden sivuston rakentamisen että myöhemmät muutokset.
Tiedostoista toimivaksi sivustoksi
Neljä vaihetta: hae, rakenna, tarkista, lähetä
- 01
Hae sivuston tiedostot
Asennat CLI:n ja yhdistät projektin sivustoon. Sen jälkeen
devella pullhakee käyttöoikeuksiesi mukaisen sisällön omalle koneellesi. Sisällöt ovat HTML-tiedostoja metatietoineen, ja mukana tulevat myös pohjat, komponentit ja asetukset. - 02
Rakenna omilla työkaluilla
Annat AI:lle (esim. codex, claude code) tehtävän, joka kattaa useita sivuja ja niiden yhteisiä rakenteita: esimerkiksi palvelusivut, navigaation ja brändin mukaiset tyylit. Sivuston mukana tulevat projektiohjeet ja sisältömallit kertovat avustajalle, mitä kenttiä ja lohkoja alustassa käytetään.
- 03
Validoi ja esikatsele
devella validatetarkistaa tiedostorakenteen paikallisesti.devella devpitää esikatselun käynnissä ja päivittää sen jokaisesta tallennuksesta, jadevella push --dry-runnäyttää palvelimen tulkinnan lähetettävistä muutoksista tallentamatta mitään. - 04
Lähetä tarkistetut muutokset
devella pushlähettää muuttuneet tiedostot alustaan ja tallentaa niistä version. Huomaa, että push kirjoittaa suoraan palvelimelle eikä muodosta erikseen hyväksyttävää muutoserää, joten se voi päivittää myös julkaistua sivustoa. Tarkista sisältöjen julkaisutilat ennen lähettämistä.
Esimerkkitehtävä AI-työkalullasi
Anna toimeksianto.
Työstä kokonaista sivustoa.
Kun asiakassivusto on perustettu ja sen tiedostot haettu CLI:llä, työstä omilla AI-työkaluilla projektihakemistossa. Tehtävä voi yhdistää sivut, yhteiset rakenteet ja ulkoasun.
”Valmistele asiakkaan brändiohjeiden pohjalta etusivu, kolme palvelusivua ja yhteystietosivu. Tee yhteinen navigaatio ja tyylit sekä sivuille hakukoneotsikot ja kuvaukset. Käytä tämän projektin ohjeita ja avaa lopuksi esikatselu tarkistusta varten.”
Esimerkki tehtävänannosta. Tarkista asiakkaan tiedot, tekstit, ulkoasu ja mobiilinäkymä ennen muutosten lähettämistä.
Esimerkki
Työnkulku muutamalla komennolla
Ajat komennot valmiiksi yhdistetyn sivustoprojektin hakemistossa. Tallenna keskeneräinen työ versionhallintaan tai varmuuskopioon ennen kuin haet uuden version palvelimelta.
devella dev pitää esikatselun käynnissä. Validoinnin ja dry-runin voit ajaa toisessa terminaalissa.
# Hae sivuston tiedostot
devella pull
# Muokkaa tiedostoja editorissasi
# Tarkista paikalliset muutokset
devella status
devella validate
# Avaa jatkuva esikatselu
devella dev /
# Tarkista lähetys ilman tallennusta
devella push --dry-runVarsinainen devella push kirjoittaa muutokset suoraan palvelimelle käyttöoikeuksien rajoissa. Se ei muodosta ylläpidossa hyväksyttävää MCP-muutoserää.
Toimiston toteutustyöhön
Asiakassivustot toimistosi työnkulkuun
Perustat uuden asiakassivuston Agency-ylläpidossa ja yhdistät sen CLI-projektiin. AI-työkalusi (codex, claude) voi työstää useita sivuja ja yhteisiä komponentteja saman tehtävän aikana. Samat tarkistus- ja esikatseluvaiheet toistuvat asiakasprojektista toiseen, ja rakennat jokaiselle sivustolle oman ilmeen ja sisällön.
Versionhallinta osaksi työtä
Paikallinen sivustohakemisto sopii Git-versionhallintaan. Tiimi voi katselmoida muutoksia ja työstää niitä omissa haaroissaan ennen lähettämistä alustaan.
Esikatselu ilman julkaisua
Jatkuva dev-esikatselu näyttää paikalliset muutokset selaimessa. Erillisellä preview-komennolla teet jaettavan, määräaikaisen esikatselulinkin asiakkaan tarkistusta varten.
Oikeudet ja muutosvertailu
CLI huomaa lähetyksessä, jos palvelimen versio on muuttunut, jotta ehdit ratkaista ristiriidan. Skriptien lisääminen vaatii erillisen oikeuden, eikä CLI voi myöntää oikeuksia itselleen.
CLI sopii erityisesti toteuttajalle, joka haluaa tehdä sivuston muutokset tiedostoina. Kun haluat AI-sovelluksesi lukevan sivustoa ja ehdottavan muutoksia työkalurajapinnan kautta, tutustu MCP-yhteyteen. Sivuston sisällönhallinnan ja julkaisun kokonaisuus on esitelty ominaisuussivulla.
Devella One™ kehittäjille

