Mikroraamistik arendajatele, kellele meeldib kontroll

Ehita mitmekeelne leht nii, nagu sa mõtled: komponent, andmed, mall.

BlendHTML hoiab asjad väiksed ja läbipaistvad: Twig mallid, rekursiivselt ühendatavad JSON-andmed, lokaalid ja korduvkasutatavad sektsioonid ilma liigse raamistikukihita.

Vaata valmis demolehti Uuri koodi GitLabis

Struktuur: Failipõhine
Keeled: et · en · ru
Fookus: Kiire HTML

Blendhtml/Homepage

public/index.php

<main>
    {{ bhtml('section/hero') }}
    {{ bhtml('section/value') }}
    {{ bhtml('section/workflow') }}
</main>

Sektsioonid on päris komponendid

Iga plokk on iseseisev, loetav ja lihtne ümber kasutada.

Sisu elab andmefailides

Jagatud väärtused, tõlked ja sektsioonipõhine omandus püsivad selgelt lahus.

Vajalikud varad lisatakse selgelt

Animatsioonid, ikoonid ja abiskriptid tulevad olemasolevatest vendor-varadest.

Päris väärtus

Väike raamistik, mis ei varja sinu koodi sinu eest ära.

BlendHTML sobib siis, kui vajad maandumislehti, dokumentatsiooni, kampaanialehti või lihtsaid veebiprojekte, kus kiirus ja selge omandus on olulisemad kui abstraktsioonide virn.

Failid ütlevad, kellele andmed kuuluvad

Sektsiooni sisu püsib sektsiooni juures. Jagatud DATA on ainult päriselt jagatud väärtustele.

Lokaliseerimine on töövoo osa

Igal komponendil on baasandmed ja lokaalid, mida raamistik ühendab aktiivse keele järgi.

HTML jõuab kiiresti brauserisse

Twig renderdus, Tailwind utiliidid ja väike hulk vendor-varasid annavad tulemuse ilma liigse kliendipoolse sõltuvuseta.

Korduvkasutus jääb lihtsaks

Komponendi lisamine on loetav mallikutse, mitte uus arhitektuuriline otsus.

Töövoog

Kirjuta vähem liimi. Näe rohkem projekti.

BlendHTML-i töövoog on meelega otsene: leht komponeerib sektsioone, sektsioon renderdab malli ja andmed tulevad täpselt sealt, kus nende omanik asub.

Komponeeri leht sektsioonidest

Index-fail jääb lehe kaardiks. See näitab, millistest plokkidest kogemus koosneb.

Hoia tekstid lokaali failides

Keeled ei ole hilisem lisandus. Iga toetatud keel saab oma loomuliku sisu.

Kasuta vendor-varasid ainult siis, kui vaja

Reveal, parallax ja smooth scroll lisatakse selgelt ning ainult siis, kui need kogemust toetavad.

Tulemus on arendajale tuttav failipuu.

Ei ole vaja ära arvata, kust pealkiri või CTA pärineb. Kui sektsioon on avatud, on tema mall ja andmed sealsamas.

$ tree Blendhtml/Homepage

index.html.twig
layout.html.twig
bhtml/
  DATA/
    all.json
    en.json
    et.json
    ru.json
  section/
    hero/
      template.html.twig
      all.json
      en.json
      et.json
      ru.json

Proovi raamistikku

Ava demo, vaata struktuuri ja ehita esimene leht samal päeval.

BlendHTML-i väärtus tuleb kõige paremini välja päris lehti vaadates: mitmekeelne sisu, selge komponendipuu ja piisavalt väike pind, et projektist kiiresti aru saada.

Vaata demolehti blendhtml@nikolajev.ee

Vaata, kuidas leht kokku pannakse

Demo näitab, kuidas sektsioonid, andmed ja vendor-komponendid koos töötavad.

Võta mustrid oma projekti

Struktuur sobib hästi dokumentatsiooni, agentuurilehtede ja AI abil loodud kampaaniate jaoks.

Avalda ilma liigse kihita

Tulemuseks on serveris renderdatud HTML koos valitud abivaradega.

BlendHTML

Dokumentatsiooni avaleht arendajale, kes tahab teha väikese, kiire ja hästi loetava mitmekeelse veebiprojekti.

blendhtml@nikolajev.ee

Ressursid

Vaata demolehti Autorid GitLabi repositoorium