Siirry sisältöön

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ä

  1. 01

    Hae sivuston tiedostot

    Asennat CLI:n ja yhdistät projektin sivustoon. Sen jälkeen devella pull hakee 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.

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

  3. 03

    Validoi ja esikatsele

    devella validate tarkistaa tiedostorakenteen paikallisesti. devella dev pitää esikatselun käynnissä ja päivittää sen jokaisesta tallennuksesta, ja devella push --dry-run näyttää palvelimen tulkinnan lähetettävistä muutoksista tallentamatta mitään.

  4. 04

    Lähetä tarkistetut muutokset

    devella push lä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-run

Varsinainen 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

Tuodaan alusta
osaksi tiimisi työtapaa