Astro, Next.js, nebo Webflow: co zvolit pro firemní web

Jaký je hlavní rozdíl mezi Astro, Next.js a Webflow?

Webflow je hotová platforma: vizuální editor, CMS a hosting v jednom balíku. Astro a Next.js jsou frameworky. Web se v nich programuje a obsah obvykle žije odděleně v headless CMS, u mě v Sanity.

Astro je postavené na obsahové weby. Stránky generuje jako HTML a JavaScript do prohlížeče posílá jen tam, kde je opravdu potřeba. Next.js je framework nad Reactem pro weby, které se chovají spíš jako aplikace: přihlášení, personalizace, hodně interakce a logika na serveru.

Dělám ve všech třech, takže vám nebudu tvrdit, že jeden vyhrává. Každý se hodí na jinou situaci a níže popisuju, jak poznat tu vaši.

Kdy stačí Webflow?

Webflow je dobrá volba, když potřebujete prezentační web, který si marketing bude upravovat sám, včetně rozvržení stránek. Designér, CMS i hosting máte na jednom místě a po předání nepotřebujete vývojáře na každou změnu.

• Prezentační web, landing pages, kampaně.
• Tým chce měnit sekce a skládat nové stránky bez kódu.
• Obsahu je přiměřeně a nemá složité vazby.

Na limity Webflow můžete narazit u velkého množství obsahu, složitých datových vazeb nebo rozsáhlé aplikační logiky. Vlastní kód a externí služby ale samy o sobě nejsou důvodem k odchodu: Webflow má API a integrace jsou běžnou součástí webu. Rozhoduje, zda je řešení přehledné, udržovatelné a vejde se do limitů projektu.

Kdy zvolit Astro?

Astro sedí na obsahové weby, u kterých rozhoduje rychlost a SEO: firemní weby, blogy, dokumentace, katalogy referencí. Výchozí výstup je čisté HTML a interaktivní kousky, takzvané ostrovy, se načítají jen tam, kde jsou potřeba. Zbytek stránky zůstává statický.

• Web je hlavně obsah, ne aplikace.
• Záleží vám na rychlosti načítání a Core Web Vitals.
• Obsah chcete spravovat v headless CMS a používat ho i jinde než na webu.
• Máte víc jazykových verzí nebo hodně stránek generovaných z dat.

Na Astru stavím i weby, které převádím z Webflow, když klient narazí na strop platformy. Obsah se přenese do Sanity a web zůstane rychlý, aniž by do prohlížeče musel tahat celý React.

Kdy zvolit Next.js?

Next.js dává smysl, když velkou část projektu tvoří aplikace v Reactu: klientská sekce, přihlášení, personalizace a provázané interakce. Nabízí serverové vykreslování i napojení na živý náhled v Sanity. Serverové endpointy a vykreslování má také Astro, takže samotný formulář nebo napojení na API není důvodem přejít na Next.js.

• Web je napůl aplikace.
• Stavíte provázanou aplikaci v Reactu s logikou na klientu i serveru.
• Váš tým už v Reactu pracuje a bude web dál rozvíjet.

Daň je složitost. Pro čistě obsahový web je Next.js často víc nástroje, než je potřeba, a do prohlížeče obvykle posílá víc JavaScriptu než Astro. Dá se to vyladit, ale stojí to práci, kterou u Astra nemusíte dělat.

Jak se liší práce redakce?

Ve Webflow edituje marketing přímo na stránce a může měnit i rozvržení. U Astra i Next.js se Sanity se obsah edituje ve Studiu. S Visual Editing kliknete na text v náhledu webu a Studio otevře správné pole, takže redaktor vidí, co mění. Stránky se tu skládají z modulárních bloků: vývojář je na začátku připraví podle designu a marketing z nich pak sám staví nové stránky, mění pořadí sekcí a upravuje obsah bez vývojáře.

Tohle je často to hlavní rozhodnutí. Chce-li redakce navrhovat rozvržení přímo ve vizuálním editoru, je Webflow přirozenější. Chce-li skládat stránky z hotových bloků a používat stejný obsah napříč stránkami, jazyky a kanály, vyhrává Sanity. Podrobněji to rozebírám v článku Sanity CMS: co to je a kdy se vyplatí.

Co je dražší na provoz a další rozvoj?

Konkrétní částky záleží na projektu, takže obecně: u Webflow platíte předplatné platformy a na běžné úpravy nepotřebujete vývojáře. U Astra a Next.js platíte hlavně vývoj. Hosting a CMS bývají u menších projektů levné, ale každá nová šablona nebo typ sekce je práce v kódu.

Rozhodující není cena spuštění, ale kdo bude web za rok upravovat, jak často a jak velké změny. Když to víte, volba nástroje je většinou jasná.

Jak se rozhodnout v praxi?

• Webflow: marketing chce navrhovat a měnit rozvržení přímo ve vizuálním editoru.
• Astro + Sanity: firemní web jakékoli velikosti, který si marketing skládá z bloků, záleží na rychlosti a SEO, interakce je málo.
• Next.js + Sanity: aplikace v Reactu s přihlášením, personalizací a provázanými interakcemi.
• Přechod: přerůstáte Webflow nebo WordPress a obsah si chcete vzít s sebou, pak řešíte migraci webu.

Co si z toho odnést

Webflow, Astro a Next.js nejsou konkurenti na jedné škále. Webflow řeší rychlý start a samostatnou redakci, Astro výkon obsahových webů a Next.js weby s aplikační logikou. Špatná volba se pozná až za rok, kdy je drahé couvat, proto se vyplatí rozhodnout podle toho, jak bude web žít po spuštění.

Když si nejste jistí, napište mi. Projdeme, co váš web reálně potřebuje, a řeknu vám i to, když bude Webflow ta správná a levnější cesta.