Natrag na Blog
Blog

Izgradit ćete svoju web stranicu s Webflowom

Mar 15, 2023·5 min read·Palomi Jain
#Front End Development#No-code#React#Web Development#Webflow
Izgradit ćete svoju web stranicu s Webflowom

Izgradite svoju web stranicu s Webflowom… Stvarno?

Webflow je No Code alat kreiran za profesionalce (kako s правом tvrde). Trebate imati znanje iz HTML-a i CSS-a kako bi mogli izgraditi web stranicu u Webflowu od nule. Alat se ne pokušava skrivati od složenosti procesa razvoja web stranica. Zapravo, vrlo sliči procesu razvoja web stranica tako što izlaže napredniji grid i flexbox raspored te daje veću kontrolu nad stiliziranjem.

Ali u tom slučaju, zašto bi netko odabrao da napravi svoju web stranicu koristeći Webflow? Mislim, pogledajte snimke ekrana alata dolje.

Kao React razvojni inženjer, naviknut raditi s nizom UI okvira kao što su TailwindCSS, MUI, Bootstrap itd., ovo mi se čini kao mnogo veći napor. Trebam ići do svakog elementa u editoru i kreirati stilove koji su mi potrebni. Osjećao sam se kao da trebam naučiti ovaj novi okvir za razvoj koji nema prednosti pred onima koje već poznajem.

Da, Webflow editor dolazi unaprijed učitan s većinom standardnih komponenti, uključujući divove, sekcije, obrasci i čak karusele. Brine se o dosadnoj stilizaciji i animaciji tih komponenti u vašem korist. Evo nekih snimki ekrana zadanih Webflow komponenti.

Ali na npm-u postoji toliko mnogo paketa koji omogućuju dodavanje stiliziranih komponenti poput ovih s laganom konfiguracijom.

I recimo da želimo dodati neko prilagođeno ponašanje — kao što su prilagođene validacije obrazaca ili interakcije korisnika — trebali bismo napraviti promjene u javascriptu, a za to Webflow nam pruža jQuery — sporo umirući okvir u javascriptu. Razumijevanje jQuery-ja bilo bi dugotrajno za nekoga tko ga tek upoznaje.

Dakle, stvarno, zašto uopće koristiti Webflow?

Naišli smo na situaciju gdje smo imali jedinstvene dizajn makete za jednog od naših klijenata na MyNextDeveloper i zatraženi smo da izgradimo web stranicu na Webflowu. Evo mojih razmatranja na temelju mog iskustva s Webflowom.

Dizajn web stranice: Recimo da želite napraviti web stranicu u Webflowu. Postoje dvije opcije, ili ćete kupiti template i napraviti izmjene ili ćete vjerojatno početi od nule. Ako pronađete template koji podseća ono što želite da vaša web stranica izgleda, tada je najbolje kupiti template i napraviti izmjene u Webflowu. To će uštedjeti puno vremena uklanjanjem većeg dijela procesa razvoja.

Ali ako imate vrlo jedinstveni dizajn web stranice za koji nema dostupnog templatea na Webflowu tada je napor u izgradnji web stranice koristeći React nasuprot Webflowu gotovo isti, osim na nekoliko mjesta gdje bi Webflow mogao uštedjeti vrijeme — ali ništa značajno.

Hosting i uvođenje: Webflow upravlja hostingom za vas, sve što trebate učiniti je jednostavno kliknuti gumb, i boom, vaše izmjene na web stranici su uvedene! Ne trebate postaviti nikakav poslužitelj, niti trebate postaviti CI/CD pipeline, itd. Naravno, postoje alati kao što je Netlify koji rade teško za vas, ali to je i dalje veći napor od jednostavnog klika na gumb s Webflowom.

Backend: Ako imate jednostavan sustav kao što je blog gdje ne trebate posebne baze podataka i lako se možete snaći s sustavom upravljanja sadržajem (CMS), Webflow je odličan. Također podržavaju stvaranje e-commerce web stranice — i upravljanje plaćanjima kao i vašom bazom podataka vrlo glatko. U oba ova slučaja, Webflow je pravi odabir. Međutim, ako trebate nešto što Webflow ne podržava po zadanom, trebat će značajan napor. S druge strane, ako gradite jednostavnu landing stranicu koja ne trebate puno backenda — Webflow nema prednosti.

Vještina: Ako počinjete kao razvojni inženjer, trebat će vam manje napora da naučite i prilagodite Webflow nego bilo koji drugi okvir. Međutim, ako ste iskusni razvojni inženjer, Webflow će vam trebati više napora za učenje umjesto da gradite web stranicu na okviru s kojim ste već upoznati.

Cijena: Webflow stoji 29 dolara mjesečno — a u slučaju e-commerce web stranice, postoji dodana provizija do 2% koju biste trebali platiti po transakciji. A za bilo koji zahtjev za prilagođenim kodiranjem trebali biste unajmiti razvojnog inženjera ionako. Ali jednom izgrađeno, ne trebat će vam razvojni inženjer za održavanje (osim ako trebate dodanu funkcionalnost). Bilo tko od dizajnera do računovodje lako bi mogao naučiti sam prilagoditi dizajn. Će li to biti isplativo ili ne ovisit će o vašoj situaciji. Ako je to jednostavna landing stranica ili blog, mislim da će unajmljenje razvojnog inženjera da to obavi biti jeftinije ili jednako skupo. U slučaju e-commerce web stranice, ako nemate postojeće sustave, Webflow bi bio jasan odabir zbog svega što upravljaju za vas iza scena.

Zaključak Sažimajući, cijena i vrijeme potrebno za izgradnju web stranice od nule ovisi o složenosti web stranice i vašoj razini vještina. Izgradnja web stranice od nule može trajati duže nego korištenje Webflowa, ali može biti isplativije dugoročno. Korištenje Webflowa može biti brže i lakše, ali obično dolazi s naknadom pretplate. Dakle, ovisno o tim različitim čimbenicima, možete donijeti odluku koja vam odgovara.