Webové frameworky a jak si správně vybrat

Jak si tedy správně vybrat? Výběr by měl vycházet především z předchozích zkušeností. Pokud již někdo pracoval s JavaScriptem na trochu větším měřítku, bude to pro něj pravděpodobně jednodušší volba než například Ruby. Důležitou roli také hraje "learning curve" jazyka a frameworku a samotné požadavky, které jsou pro projekt potřeba. Velmi často se taky programátoři pozastavují nad rychlostí – ta je ve většině případů zcela irelevantní.

Věřím, že velká část lidí, včetně soutěžících v Tour de App, se rozhodne pro populární framework typu Next.js. Next tu je s námi již nějakou dobu a jedná se pravděpodobně o největší React framework, který aktuálně existuje. Obsahuje spoustu vestavěných funkcí, které se mohou hodit:

Jednoduchý Developer experience (DX) - kompozice stránek a serverových funkcí je jednoduchá, neobsahuje složité typování a většinu problémů Next abstrahuje pryč.
RSC - React Server Components: Vykreslování frontendu již na backendu
Server Actions - volání backendu pomocí klasických JavaScriptových funkcí.

Druhým moderním React full-stack konkurentem Next.js je TanStack Start. Jedná se o poznání mladší framework, který je více “low-level” a teoreticky je náročnější na pochopení. Přináší však spoustu funkcí, které Next nemá a TanStack Start je doplňuje. Jmenovitě se jedná například o integrovanou validaci dat, běh pod Vite (to mimojiné usnadňuje například kontejnerizaci, Next je notoricky náročný na použití v Dockeru), podstatně lepší typová kontrola (Start díky TanStack Routeru například validuje odkazy v redirectech).

Další alternativou, kterou lze využít, je Nuxt. Ten je postaven na Vue, narozdíl od Nextu a TanStacku, které běží primárně na Reactu. Obsahuje většinu moderních funkcí, které ostatní frameworky mají a pro soutěž Tour de App bude bohatě stačit.

Někteří si již mohou říkat, zda-li jsou pokročilé funkce, které tyto frameworky nabízí, vůbec potřeba na soutěž jako Tour de App. Jako organizátor bych pravděpodobně řekl: ne. Spousta soutěžících zbytečně komplikuje své projekty a vzniká tak zmatená aplikace. Nebál bych se třeba oddělit backend od frontendu, i když to nese některé nevýhody, přidává to tvému stacku spoustu flexibility. Mezi takové populární volby patří:

JavaScript Backend

Elysia (backend) - Elysia umožňuje jednoduše volat backend z frontendu a má integraci se spousty frameworků.
Express (backend) - Express dominuje JS ekosystém řadu let a je stále populární a jednoduchou knihovnou pro backend.

Non-JavaScript Backend

Spring Boot - Java? V roce 2026? Z Javy se překvapivě během posledních pár let stal velice použitelný jazyk. Verbozita, za kterou Java dostávala svůj hate je dávno pryč. A lidi, kterým stále nevyhovuje můžou vyzkoušet alternativy jako Kotlin.
Laravel - PHP je jazyk, se kterým se člověk studující IT na střední škole často setká, a v programátorských kruzích bývá stereotypně vnímán jako jazyk s ne zrovna nejlepší reputací. S příchodem PHP 8 je však opak pravdou - PHP dohnalo všechny ostatní jazyky a Laravel (PHP framework pro web) je hojně využíván, mimo jiné díky tomu, že nabízí funkční autentizaci, routing i migrace databáze prakticky ihned po založení projektu, bez nutnosti složitého nastavování jako u konkurenčních frameworků.
Django - Python se často doporučuje jako jeden z prvních programovacích jazyků a může být dobrá varianta pro začátečníky.

A na frontendu je stále možné využívat knihovny jako React či Vue, které jsou tak populární ve full-stuck frameworkách.

TL;DR

Vybírat a rozhodovat by se mělo podle toho, co se v danou chvíli jeví jako vhodné, ne podle toho, co ostatní propagují jako "nejlepší". Jde o experimentování a Tour de App je na to ideální.
Na začátek není vůbec od věci zkusit právě Next nebo Nuxt.