Sisukord

ai-tarkvara

Kuidas Claude'ist meie veebimeister sai?

Jarmo Tuisk2 min lugemist
Kuidas Claude'ist meie veebimeister sai?

Jõulude ajal tegime Productory veebile täismahus uuenduse ja nüüdsest haldab ja arendab meie veebi Claude Code.

Viis aastat Webflow'ga

Ligikaudu 5 aastat olime oma veebiga sellise veebihaldustarkvara nagu Webflow peal. Webflow'ga hakkasin katsetama juba mitu aastat enne Productory sündi - mitmed klientide veebisaidid sai just Webflowga arendatud ja mitmete toodete prototüübidki. Webflow pakkus konkurentsitult mugavaimat viisi veebide loomiseks ja haldamiseks.

Möödunud sügisel oli aga juba selge, et traditsiooniline CMS ja "käsitsi" arendamine on ajale jalgu jäämas. AI agendid võimaldaks kõike palju kiiremini ja paremini teha.

Lahenduse otsimine

Nii algaski lahenduse otsimine. Alguses üritasin luua süsteemi, kus Claude Code on ühendatud Webflowga üle API. Kuid see lahendas ainult sisuhalduse küsimuse ja sedagi konarlikult. Õige pea jätsin selle sinnapaika.

Hakkasin uurima võimalusi ja CMSe, mis töötaks markdown formaadi failide peal, sest Claude ju oskaks neid hästi kirjutada. Leidsin Astro raamistiku ja hakkasin selle peale ehitama. Üsna kiiresti oli selge, et ka see ei sobi AI ajastusse. Claude tunneb end märkinisväärselt kodusemalt otse kodeerides kui mingeid vahemehi kasutades.

Claude kirjutas oma raamistiku

Nii jäigi lõpplahenduseks see, et Claude kirjutas nullist endale ja mulle sobiva terviklahenduse. Tehniliselt kasutame Next.js raamistikku koos React 19 ja Tailwind CSS-iga. See kombinatsioon võimaldab Claudel kiiresti ja mugavalt koodi kirjutada, samal ajal kui mina saan keskenduda sisule ja strateegiale.

Ehk siis see kujundus ja veeb, mida praegu näete productory.eu peal on puhtalt Claude'i tehtud.

Kuidas töö käib?

Töö käib meil nii - kasutades Ritemark editorit loome Claudeiga sisuartikelid lihtsalt uusi markdown faile genereerides (nt blogipostitused). Kui vaja mingil muul lehel midagi muuta, siis lihtsalt ütlen Claude'ile, et: "Kuule, lisa avalehele meie EBSi koolituste tutvustused" vms ja Claude siis kirjutab ja progeb midagi.

Mina vaatan üle ja kui ütlen maagilised sõnad "commit and push", siis Claude saadab uuendused serveri poole teele ja mõne minuti pärast on uus asi üleval. Nii eesti kui inglise keeles.

Aga pildid?

Tõsi - pilte Claude ise ei tee. Selleks on meil teised AI'd või tavaline kaamera. Kui pildid tehtud kopeerin need failide hulka ja ütlen Claude'ile, et pangu pildid ka juurde.

Kokkuvõtteks

Tundub lust ja lillepidu, eks? Ja ausalt öeldes enamasti nii ongi. Vahest peab Claude'ile siiski vigade parandust tegema (nt kipub ta vahest kokkulepitud disainireegleid eirama). Samas see ei kaalu kuidagi üle seda mugavust, et sul on masin, mida saad lihtsalt käsutada - mine uuenda meie veebi!

Kui tahad teada, kuidas ka sina saaksid AI agente oma töös kasutada, võta meiega ühendust.

claudeveebiarendusai-agendidproductorynext-js