Zpět na Blog
Blog

Vytvořte svůj web pomocí Webflow

Mar 15, 2023·5 min read·Palomi Jain
#Front End Development#No-code#React#Web Development#Webflow
Vytvořte svůj web pomocí Webflow

Vytvořte svůj web s Webflow… Opravdu?

Webflow je No Code nástroj vytvořený pro profesionály (jak právem tvrdí). Abyste mohli vytvořit web v Webflow od nuly, musíte mít znalosti HTML a CSS. Nástroj se nesnaží skrývat složitost procesu vývoje webu. Ve skutečnosti velmi připomíná proces vývoje webu tím, že odhaluje pokročilejší rozvržení mřížky a flexboxu a poskytuje větší kontrolu nad stylem.

Ale proč by si někdo vybral vytvoření svého webu pomocí Webflow? Myslím, podívejte se na snímky obrazovky nástroje níže.

Jako vývojář React, který pracuje s řadou UI frameworků jako TailwindCSS, MUI, Bootstrap atd., se mi to jeví jako mnohem větší úsilí. Jít do každého prvku v editoru a vytvořit potřebné styly. Měl jsem pocit, že bych musel naučit se tento nový framework pro vývoj, který neposkytuje žádné výhody oproti těm, které jsem již znal.

Ano, editor Webflow je přednainstalován s většinou standardních komponent, včetně divů, sekcí, formulářů a dokonce i karuselů. Postará se o nudné stylování a animaci těchto komponent za vás. Zde jsou některé snímky obrazovky výchozích komponent Webflow.

Ale na npm existuje tolik balíčků, které umožňují přidávání stylizovaných komponent jako těchto s jednoduchou konfigurací.

A řekněme, že chceme přidat nějaké vlastní chování — jako vlastní ověřování formulářů nebo interakce uživatele — museli bychom provést změny v JavaScriptu, a k tomu nám Webflow poskytuje JQuery — pomalu se vymírajícím frameworkem v JavaScriptu. Pochopení JQuery by trvalo značný čas pro někoho nového k němu.

Tak proč vůbec používat Webflow?

Setkali jsme se se situací, kdy jsme měli jedinečné návrhy designu pro jednoho z našich klientů v MyNextDeveloper a byli jsme požádáni, abychom web vytvořili na Webflow. Zde jsou mé úvahy založené na mých zkušenostech s Webflow.

Design webu: Řekněme, že chcete vytvořit web v Webflow. Máte dvě možnosti, buď si koupíte šablonu a provedete úpravy, nebo začnete od nuly. Pokud najdete šablonu, která se podobá tomu, jak chcete, aby váš web vypadal, je nejlepší koupit šablonu a provést úpravy v Webflow. To ušetří spoustu času tím, že se zbavíte většiny procesu vývoje.

Ale pokud máte velmi jedinečný design webu, pro který není k dispozici žádná šablona na Webflow, je úsilí při vytváření webu pomocí React vs Webflow téměř stejné, kromě několika míst, kde by Webflow mohl ušetřit čas — ale nic významného.

Hosting a nasazení: Webflow vám spravuje hosting, stačí kliknout na tlačítko a boom, vaše změny na webu jsou nasazeny! Nemusíte nastavovat žádný server ani nastavovat CI/CD pipeline atd. Samozřejmě existují nástroje jako Netlify, které za vás dělají těžkou práci, ale stále se jedná o více úsilí než o jednoduché kliknutí na tlačítko v Webflow.

Backend: Pokud máte jednoduchý systém, jako je blog, kde nepotřebujete specializované databáze a můžete se snadno obejít se systémem správy obsahu (CMS), Webflow je skvělý. Podporují také vytváření e-commerce webu — a správu plateb i vaší databáze velmi hladce. V obou těchto případech je Webflow cestou. Pokud však potřebujete něco, co Webflow ve výchozím nastavení nepodporuje, bude to vyžadovat značné úsilí. Na druhou stranu, pokud vytváříte jednoduchou vstupní stránku, která nevyžaduje mnoho backendu — Webflow nemá žádný přínos.

Dovednosti: Pokud začínáte jako vývojář, trvalo by vám méně úsilí naučit se a přizpůsobit Webflow než kterýmkoli jiným frameworkům. Pokud však jste zkušený vývojář, Webflow vám bude vyžadovat více úsilí k naučení se, spíše než stavět web na frameworku, na který jste zvyklí.

Náklady: Webflow stojí 29 $ za měsíc — a v případě e-commerce webu je zde přidaná provize až 2 %, kterou byste museli zaplatit za transakci. A pro jakékoliv požadavky na vlastní kódování byste stejně museli najmout vývojáře. Ale jakmile je vytvořen, nepotřebujete vývojáře na údržbu (pokud nepotřebujete přidanou funkčnost). Kdokoli od designéra po účetního by se mohl snadno naučit přizpůsobit design sám. Zda by to bylo nákladově efektivní či ne, bude záviset na vaší situaci. Pokud se jedná o jednoduchou vstupní stránku nebo blog, myslím, že zaměstnání vývojáře k dokončení se ukáže jako levnější nebo stejně nákladné. V případě e-commerce webu, pokud nemáte stávající systémy, by byl Webflow jasnou volbou kvůli všemu, co za vás spravují.

Závěr Stručně řečeno, náklady a čas potřebný k vytvoření webu od nuly závisí na složitosti webu a vaší úrovni dovedností. Vytvoření webu od nuly může trvat déle než používání Webflow, ale na dlouhou dobu to může být nákladově efektivnější. Použití Webflow může být rychlejší a jednodušší, ale obvykle je spojeno s náklady na předplatné. Takže v závislosti na těchto různých faktorech si můžete vybrat to, co je pro vás vhodné.