Dostupnější web na míru bez WordPressu

Potřebujete představit firmu, ukázat svou práci a získávat poptávky. Chcete vlastní vzhled a prostor pro další funkce.

V MixedApps se dlouhodobě věnujeme mobilním aplikacím. Weby a webové aplikace na míru nově stavíme v Next.js. Začali jsme u vlastního webu: původní WordPress jsme nahradili řešením v Next.js, které provozujeme na vlastním virtuálním serveru. Na jeho příkladu ukážeme, jak tento přístup funguje a komu může vyhovovat.

Co znamená dostupnější web na míru

Web na míru nemusí pokaždé znamenat vývoj od nuly. Opakující se části, například navigaci, přehled referencí nebo kontaktní formulář, stavíme z osvědčených komponent. Čas pak věnujeme hlavně tomu, co je pro vaši firmu podstatné: obsahu, vzhledu a funkcím.

Vývoj nám zrychluje také umělá inteligence. AI nástroje nám pomáhají s rutinním kódem, úpravami i kontrolou, takže web dodáme dřív. O návrhu ale rozhodujeme my a výsledný kód vždy zkontrolujeme a otestujeme. Vlastní, specializovaný a rychlý web si tak dnes může dovolit i menší firma, pro kterou byl vývoj na míru dřív příliš drahý.

Platíte jen za to, co opravdu potřebujete. Prezentační web nemusí mít hned vlastní administraci ani databázi. Začít lze službami, referencemi a kontaktem a další části doplňovat postupně.

Rozpočet ovlivní hlavně počet typů stránek, připravenost textů a grafiky, požadavky na správu obsahu i napojení na jiné systémy. S texty vám pomůžeme: základní texty webu i jejich překlady do dalších jazyků připravíme s pomocí AI a vy je jen zkontrolujete a doladíte.

Jak spolu souvisejí Next.js, Node.js a VPS

Každý z těchto názvů označuje jinou část řešení:

• Next.js je framework postavený na Reactu, ve kterém vznikají stránky webu a jejich funkce. Stránky našeho webu se vygenerují předem, při sestavení nové verze. Návštěvník tak dostane hotovou stránku, kterou server nemusí pokaždé znovu skládat.
• Node.js je prostředí, ve kterém běží serverová část webu. U nás například zpracovává kontaktní formulář. Podle potřeb projektu lze doplnit přihlášení, práci s databází nebo napojení na další služby. Co je Node.js.
• VPS je virtuální server, na kterém web provozujeme. Next.js lze provozovat na vlastním serveru, takže nejsme vázaní na jednoho poskytovatele hostingu. Dokumentace provozu Next.js na vlastním serveru.

Vás ale bude zajímat hlavně výsledek: web přizpůsobený vašim potřebám a jasná dohoda o tom, jak se bude dál rozvíjet a kdo se postará o provoz.

Vlastní web MixedApps jako ukázka

Na novém webu jsme spojili prezentaci studia, služby, portfolio a blog. Texty, články i reference máme uložené v souborech společně se zdrojovým kódem, takže pro obsah nepotřebujeme databázi ani administraci WordPressu.

Součástí řešení jsou:

• samostatné stránky služeb a jednotlivých referencí,
• filtrování projektů podle platformy, oboru a technologie,
• blog s náhledy rozpracovaných článků před vydáním,
• kontaktní formulář s validací a ochranou proti spamu,
• přesměrování původních adres po přechodu z WordPressu.

Změna technologie nesmí rozbít to, co už funguje. Při migraci jsme proto převzali obsah a staré adresy přesměrovali na nové stránky. Kdo přijde ze staršího odkazu nebo z vyhledávače, neskončí na chybové stránce.

Podrobnosti najdete v referenci webu MixedApps.

Kdo bude upravovat texty a přidávat články

Na to je dobré myslet už při zadání. Náš web nemá vizuální editor. Texty, nové články i reference ukládáme do souborů a zveřejňujeme s novou verzí webu. Nám jako vývojářům to vyhovuje: každá změna má historii a před vydáním ji můžeme zkontrolovat.

Pokud budete obsah upravovat často a sami, je vhodné doplnit redakční systém (CMS). Next.js se s ním dá propojit, takže texty a články upravíte bez zásahu do kódu. Připravit takový redakční systém pro nás není problém.

Co obnáší provoz na vlastním VPS

Vlastní server dává větší kontrolu nad prostředím a nasazováním. Přináší ale i práci: aktualizace systému a závislostí, zálohování, dohled nad dostupností a řešení výpadků. Ani web bez WordPressu se neobejde bez údržby.

Náš web běží v Dockeru a nové verze nasazujeme přes Coolify. Stejně vám připravíme server a web na něj nasadíme. Napojíme doménu, nastavíme HTTPS, automatické nasazování nových verzí i dohled nad dostupností. Po spuštění se můžeme starat i o průběžnou správu serveru, nebo ho předáme vašemu správci.

Jednoduché prezentaci může stačit i jiný hosting; vlastní VPS není podmínkou webu v Next.js. Způsob provozu proto domluvíme spolu s cenou vývoje.

Od firemní prezentace k webové aplikaci

Web může sloužit i jako pracovní nástroj. Na stejném technologickém základu lze postavit například klientskou zónu, interní přehled nebo rezervační systém. Takové funkce už potřebují vlastní návrh, práci s daty a důkladné testování.

Rezervační systém právě připravujeme. Až bude možné ukázat konkrétní výsledek, přidáme ho mezi reference a popíšeme jeho funkce i zkušenosti z vývoje. Postupně tam přibudou i další weby a webové aplikace.

Máte v plánu nový web?

Napište nám, co má váš web nebo webová aplikace umět. Navrhneme rozsah první verze, vhodné technologie a způsob provozu.

Proberme váš web nebo webovou aplikaci.