Kas yra CloudCannon ir kam jis skirtas
Jei dirbate su statiniais svetainių generatoriais, turbūt jau girdėjote apie CloudCannon. Tai Git-pagrįsta turinio valdymo sistema (CMS), kuri puikiai integruojasi su Jekyll ir Hugo – dviem populiariausiomis statinių svetainių generavimo platformomis. Skirtingai nei tradicinės CMS, tokios kaip WordPress ar Drupal, CloudCannon leidžia išlaikyti visus statinių svetainių privalumus, tuo pačiu suteikdama patogią sąsają turinio redagavimui.
Pagrindinis CloudCannon pranašumas – tai tiltas tarp kūrėjų ir turinio kūrėjų. Kūrėjai gali toliau dirbti su savo mėgstamomis technologijomis, naudoti Git workflow’ą, o turinio autoriai gauna intuityvią vizualinę sąsają, kur gali redaguoti tekstus, keisti nuotraukas ir valdyti svetainės turinį be jokių techninių žinių. Nereikia mokytis Markdown sintaksės ar suprasti, kaip veikia Git komandos.
Sistema veikia tiesiogiai su jūsų Git repozitorija – GitHub, GitLab ar Bitbucket. Kai redaktorius atlieka pakeitimus per CloudCannon sąsają, sistema automatiškai sukuria commit’ą ir atnaujina jūsų repozitoriją. Tai reiškia, kad viskas lieka versijuojama, galite grįžti prie ankstesnių versijų, o deployment’as vyksta automatiškai.
Jekyll integracija: kaip tai veikia praktikoje
Jekyll yra vienas seniausių ir populiariausių statinių svetainių generatorių, ypač mėgstamas GitHub Pages naudotojų. CloudCannon su Jekyll dirba itin sklandžiai, nes platforma iš pradžių buvo kuriama būtent šiam generatoriui palaikyti.
Kai prijungiate Jekyll projektą prie CloudCannon, sistema automatiškai atpažįsta jūsų projekto struktūrą. Ji identifikuoja collections, data failus, layouts ir kitus Jekyll komponentus. Tai reiškia, kad jums nereikia nieko specialiai konfigūruoti – sistema pati supranta, kaip jūsų svetainė sukonstruota.
Vienas įdomiausių dalykų – vizualus redagavimas. CloudCannon leidžia redaguoti turinį tiesiogiai naršyklėje, matant realų rezultatą. Jei turite tinkamai sukonfigūruotus editable regions, turinio kūrėjai gali tiesiog spragtelėti ant teksto ir jį keisti, tarsi dirbtų su WordPress ar kita tradicine CMS. Tai ypač patogu klientams, kurie nenori mokytis techninių dalykų.
Front matter redagavimas taip pat yra labai intuityvus. Vietoj to, kad redaktorius turėtų rašyti YAML sintaksę rankomis, CloudCannon generuoja formas su atitinkamais laukais. Galite sukonfigūruoti, kokie laukai turėtų būti rodomi, kokio tipo jie yra (tekstas, data, pasirinkimas iš sąrašo), net pridėti validacijas. Pavyzdžiui, jei turite blog post’ą su kategorijomis, galite sukurti dropdown meniu su galimomis kategorijomis, užuot leidę redaktoriui rašyti jas rankomis.
Hugo palaikymas ir jo ypatumai
Hugo pastaraisiais metais tapo itin populiarus dėl savo greičio – tai greičiausias statinis generatorius rinkoje. CloudCannon pradėjo palaikyti Hugo vėliau nei Jekyll, bet dabar integracija yra labai brandi ir funkcionaliai turtinga.
Vienas iš Hugo privalumų – jo lankstumas ir galimybė dirbti su dideliais projektais. Jei turite svetainę su tūkstančiais puslapių, Hugo sugeneruos ją per sekundes, o ne minutes. CloudCannon šį pranašumą išlaiko – preview’ai generuojami greitai, o deployment’as vyksta žaibiškai.
Hugo naudoja šiek tiek kitokią struktūrą nei Jekyll. Vietoj collections, Hugo turi content types ir sections. CloudCannon puikiai su tuo susidoroja ir automatiškai atpažįsta jūsų Hugo projekto struktūrą. Archetypes, shortcodes, taxonomies – visa tai palaikoma ir gali būti integruota į redagavimo sąsają.
Vienas dalykas, kurį pastebėjau dirbdamas su Hugo CloudCannon platformoje – tai shortcode’ų palaikymas. Hugo shortcode’ai yra galingas įrankis, leidžiantis įterpti sudėtingą funkcionalumą į turinį. CloudCannon leidžia sukurti snippet’us, kurie atitinka jūsų shortcode’us, ir redaktoriai gali juos įterpti per vizualinę sąsają, užpildydami paprastas formas. Tai labai patogu, kai turite, pavyzdžiui, sudėtingą galerijos shortcode’ą su daugybe parametrų.
Konfigūravimas ir pradžios žingsniai
Pradėti naudoti CloudCannon nėra sudėtinga, bet yra keletas dalykų, kuriuos verta žinoti iš anksto. Pirmiausia, jums reikia turėti veikiančią Jekyll arba Hugo svetainę Git repozitorijoje. Jei dar neturite, galite pradėti nuo vieno iš CloudCannon template’ų – jie turi gana gerą pasirinkimą.
Prijungus repozitoriją, CloudCannon automatiškai bandys build’inti jūsų svetainę. Jei naudojate standartinę konfigūraciją, viskas turėtų veikti iš karto. Bet jei turite specifinių reikalavimų – custom plugins Jekyll atveju arba specifinę Hugo versiją – turėsite tai nurodyti konfigūracijos faile.
CloudCannon konfigūracija vykdoma per cloudcannon.config.yml failą projekto šakniniame kataloge. Čia galite apibrėžti, kaip turėtų atrodyti redagavimo sąsaja, kokie laukai turėtų būti rodomi, kaip turėtų veikti navigacija ir daug kitų dalykų. Pradžioje gali atrodyti, kad reikia daug konfigūruoti, bet iš tikrųjų daugelis dalykų veikia automatiškai, o konfigūracija reikalinga tik specifiniams poreikiams.
Vienas svarbus dalykas – inputs konfigūracija. Tai leidžia apibrėžti, kaip turėtų atrodyti front matter laukai redagavimo sąsajoje. Pavyzdžiui, jei turite datą, galite nurodyti, kad tai turėtų būti date picker. Jei turite nuorodą į kitą puslapį, galite sukonfigūruoti, kad tai būtų dropdown su visais galimais puslapiais. Tai labai pagerina redaktorių patirtį.
Vizualinis redagavimas ir jo galimybės
Viena iš stipriausių CloudCannon pusių – vizualinis redagavimas. Tai ne tik WYSIWYG editorius tekstui – tai galimybė redaguoti turinį tiesiogiai svetainės kontekste, matant, kaip viskas atrodys galutinėje svetainėje.
Kad tai veiktų, jums reikia apibrėžti editable regions savo template’uose. Jekyll atveju tai daroma naudojant specialius class’us arba data atributus. Hugo atveju principas panašus. Kai redaktorius atidaro puslapį vizualiniame režime, jis gali spragtelėti ant bet kurio editable regiono ir pradėti redaguoti.
Vizualinis editorius palaiko įvairius turinio tipus. Galite redaguoti paprastą tekstą, antraštes, sąrašus, nuorodas. Galite įterpti nuotraukas, kurios automatiškai įkeliamos į jūsų asset management sistemą. Galite net pridėti naujus komponentus, jei turite sukonfigūravę structures – tai leidžia apibrėžti pasikartojančias turinio struktūras, kurias redaktoriai gali pridėti ar pašalinti.
Pavyzdžiui, jei turite landing page su skirtingomis sekcijomis (hero, features, testimonials, CTA), galite sukonfigūruoti kiekvieną sekciją kaip atskirą structure. Redaktorius gali pridėti naują features sekciją, užpildyti jos laukus, perkelti ją į kitą vietą – viskas vyksta vizualioje sąsajoje, be jokio kodo rašymo.
Asset management ir optimizavimas
Dirbant su bet kokia svetaine, vienas didžiausių iššūkių – asset’ų valdymas. Nuotraukos, dokumentai, video failai – visa tai reikia kažkur laikyti ir efektyviai valdyti. CloudCannon turi integruotą asset management sistemą, kuri šį procesą daro gana paprastą.
Kai įkeliate nuotrauką per CloudCannon sąsają, ji automatiškai patalpinama į jūsų projekto assets katalogą ir commit’inama į Git. Tai reiškia, kad visi asset’ai yra versijuojami kartu su kodu ir turiniu. Kai kuriems tai gali atrodyti kaip trūkumas (Git repozitorijos dydis auga), bet praktikoje tai suteikia gerą kontrolę ir paprastumą.
CloudCannon taip pat siūlo automatinį nuotraukų optimizavimą. Galite sukonfigūruoti, kad visos įkeliamos nuotraukos būtų automatiškai sumažinamos, konvertuojamos į WebP formatą, generuojamos skirtingų dydžių versijos responsive dizainui. Tai labai patogu, nes redaktoriams nereikia rūpintis technine puse – jie tiesiog įkelia nuotrauką, o sistema pasirūpina optimizavimu.
Vienas įdomus feature’as – DAM (Digital Asset Management) integracija. Jei naudojate išorinę DAM sistemą, tokią kaip Cloudinary ar imgix, galite ją integruoti su CloudCannon. Tai leidžia laikyti asset’us atskirai nuo Git repozitorijos, bet vis tiek valdyti juos per CloudCannon sąsają.
Deployment ir hosting galimybės
CloudCannon ne tik CMS, bet ir hosting platforma. Kai build’as užbaigiamas, svetainė automatiškai deploy’inama į CloudCannon infrastruktūrą. Tai global CDN, todėl jūsų svetainė bus greita visame pasaulyje.
Bet jei norite naudoti kitą hosting’ą, tai taip pat įmanoma. CloudCannon palaiko deployment’ą į AWS S3, Netlify, Vercel, GitHub Pages ir kitas platformas. Galite sukonfigūruoti, kad po kiekvieno sėkmingo build’o svetainė būtų automatiškai deploy’inama į jūsų pasirinktą platformą.
Vienas dalykas, kurį vertinu CloudCannon – tai preview deployment’ai. Kai redaktorius daro pakeitimus, jis gali pamatyti preview prieš publikuojant. Tai atskirtas environment’as, kur galite patikrinti, kaip viskas atrodo, prieš commit’indami pakeitimus į production branch’ą. Tai labai patogu didesniuose projektuose, kur turite approval workflow’ą.
CloudCannon taip pat palaiko branch’ų valdymą. Galite turėti skirtingus branch’us skirtingiems tikslams – development, staging, production. Kiekvienas branch’as gali turėti savo preview URL, ir galite lengvai switch’intis tarp jų. Tai leidžia implementuoti sudėtingus workflow’us, kur pakeitimai pereina per kelis approval stage’us prieš patenkant į production.
Komandinis darbas ir workflow valdymas
Didesniuose projektuose svarbu turėti gerą komandinio darbo organizavimą. CloudCannon siūlo įvairius įrankius tam palengvinti. Pirmiausia – vaidmenų valdymas. Galite apibrėžti skirtingus vaidmenis su skirtingomis teisėmis: administratoriai, redaktoriai, peržiūrėtojai. Kiekvienas vaidmuo gali turėti prieigą tik prie tam tikrų funkcijų.
Pavyzdžiui, redaktoriai gali redaguoti turinį, bet negali keisti svetainės konfigūracijos ar template’ų. Peržiūrėtojai gali tik žiūrėti turinį, bet negali jo keisti. Tai labai svarbu, kai dirbate su klientais ar turite didelę komandą su skirtingais atsakomybės lygiais.
CloudCannon taip pat palaiko approval workflow’us. Galite sukonfigūruoti, kad pakeitimai turėtų būti patvirtinti prieš publikuojant. Kai redaktorius padaro pakeitimus, jie patenka į review stage’ą, ir tik po patvirtinimo yra commit’inami į production branch’ą. Tai ypač naudinga reguliuojamose industrijose ar kai turite griežtus content quality reikalavimus.
Activity log’as leidžia sekti, kas, kada ir ką pakeitė. Tai naudinga audit’ui ir problemų sprendimui. Jei kas nors sugenda, galite greitai pamatyti, kas darė pakeitimus ir grįžti prie ankstesnės versijos. Kadangi viskas vyksta per Git, turite pilną istoriją su commit message’ais.
Ką reikia žinoti prieš pradedant ir kaip išspausti maksimumą
CloudCannon yra galingas įrankis, bet kaip ir bet kuri platforma, jis turi savo ypatumų ir apribojimų. Pirmiausia – kaina. Nemokamas planas yra gana ribotas ir tinka tik mažiems projektams ar testavimui. Rimtiems projektams reikės mokamo plano, o jei turite didelę komandą ar daug svetainių, kaina gali būti gana aukšta.
Antra – learning curve. Nors CloudCannon stengiasi būti intuityvus, pilnai išnaudoti visas galimybes reikia laiko. Ypač konfigūracija gali būti sudėtinga pradžioje. Verta skirti laiko dokumentacijai ir eksperimentavimui su test projektu prieš pradedant dirbti su production svetaine.
Trečia – Jekyll plugins apribojimai. Jei naudojate custom Jekyll plugins, kurie nėra whitelist’e, turėsite problemas. CloudCannon palaiko tik safe plugins, panašiai kaip GitHub Pages. Jei jūsų svetainė remiasi custom plugins, gali tekti juos przepisyti arba ieškoti alternatyvų. Hugo šiuo atžvilgiu yra lankstesnis, nes viskas yra built-in.
Dar vienas patarimas – investuokite laiko į gerą content modeling’ą. Gerai apgalvotas content model’is palengvins redaktoriams darbą ir sumažins klaidų tikimybę. Naudokite structures sudėtingesnėms sekcijoms, apibrėžkite aiškius input types, pridėkite help text’us. Tai gali atrodyti kaip papildomas darbas pradžioje, bet atsipirks vėliau.
Dėl performance – nors CloudCannon hosting’as yra greitas, jei turite labai didelę svetainę ar didelį traffic’ą, galbūt verta apsvarstyti custom hosting sprendimą. CloudCannon gali deploy’inti į bet kurią platformą, todėl galite naudoti AWS CloudFront ar Cloudflare su custom konfigūracija, jei reikia specifinių optimizacijų.
Galiausiai – backup strategija. Nors Git pats savaime yra versijų kontrolės sistema, verta turėti papildomus backup’us. CloudCannon leidžia eksportuoti visą svetainę, tad periodiškai darykite backup’us į atskirą vietą. Taip pat įsitikinkite, kad jūsų Git repozitorija yra saugiai laikoma ir turite prieigą prie jos nepriklausomai nuo CloudCannon.
Sistema tikrai verta dėmesio, jei ieškote būdo sujungti statinių svetainių privalumus su patogia turinio valdymo sąsaja. Ji geriausiai tinka agentūroms, kurios kuria svetaines klientams ir nori suteikti jiems paprastą redagavimo įrankį, išlaikant techninę kontrolę. Taip pat puikiai tinka vidutinio dydžio įmonėms, kurios nori greitų, saugių svetainių be tradicinių CMS komplikacijų. Tiesiog būkite pasirengę skirti laiko pradinei konfigūracijai ir mokymui – rezultatas bus vertas pastangų.