oxtren.com: dvikalbė Next.js svetainė
Mūsų pačių dvikalbė svetainė, eksportuojama į statinį HTML ir aptarnaujama per nginx. Produkcijoje nėra Node: užklausos metu jokia aplikacija neveikia, visa svetainė kešuojama krašte ir veikia net tada, kai API išjungtas diegimui.
Paeikime per svetainę
Taip, kaip eitų lankytojas: nuo pirmo ekrano iki užklausos. Kompiuteris ir telefonas – vienu metu.
- Pradinis
Pirmas ekranas – scena, ne nuotrauka
Pradinis puslapis atsidaro Mėnulio scena, kuri juda kartu su slenkamu puslapiu. Tai ne vienas didelis video failas, o kadrų seka, piešiama drobėje (canvas).
- Pradinis
Atidarymo akcija su laikmačiu
Viršuje – atidarymo akcijos juosta su laikmačiu. Akcijos kainos visoje svetainėje skaičiuojamos iš vieno šaltinio, todėl pasibaigus akcijai įprastos kainos grįžta visur iš karto.
- Paslaugos
Visos paslaugos viename puslapyje
Šešios paslaugos, nuo svetainių iki priežiūros. Prie kiekvienos: kaina „nuo“, kas įeina ir nuoroda į išsamų puslapį. Palyginti galima neišeinant iš vieno puslapio.
- Svetainių kūrimas
Kas tai, kiek kainuoja, kaip pradėti
Pirmame ekrane – trys atsakymai: kas tai, kiek kainuoja ir kaip pradėti. Toliau – kada verta kreiptis, paketai, apimtis, kas įeina, pavyzdys, kaip dirbame ir dažni klausimai.
- Svetainių kūrimas
Paketai, kuriuos lengva palyginti
Trys paketai su akcijos kaina, populiariausias pažymėtas ženkleliu kortelės krašte. Kortelė rodo dešimt punktų, o „Rodyti daugiau“ išskleidžia likusius visose kortelėse kartu – eilutės lieka viena prieš kitą.
- Svetainių kūrimas
Kas įeina į kiekvieną planą
Po kortelėmis – kas įskaičiuota į visus planus, tarp jų 6 mėn. garantija ir domenai bei paskyros jūsų vardu. Ir pažadas dėl kainos: galutinė kaina patvirtinama raštu prieš pradedant projektą.
- Kontaktai
Užklausa, kuri jau žino, ko norite
Paspaudus „Gauti pasiūlymą“ ant paketo, forma atsidaro su jau pažymėta paslauga, pavyzdžiui „Verslo svetainė“. Rinktis iš naujo nereikia. Atsakome per 1 darbo dieną.
Apie projektą
- Klientas
- Oxtren Labs · sava svetainė
- Sritis
- Technologijos / B2B
- Vaidmuo
- Strategija, dizainas, programavimas, infrastruktūra
- Metai
- 2026
- Adresas
- oxtren.lt · oxtren.com
Technologijos
- Next.js
- React
- TypeScript
- Tailwind CSS
- GSAP
- nginx
- Coolify
- Cloudflare
Užduotis
Įmonė turėjo produktus, portalą ir klientų projektus, bet neturėjo vienos vietos, kur visa tai būtų paaiškinta. Reikėjo greitos, dvikalbės svetainės, nepriklausomos nuo jokios sunkios sistemos.
Klientų portalas ir API jau veikė Laravel aplikacijoje. Rinkodaros svetainę nusprendėme laikyti atskirai, nes būtent jai svarbūs SEO ir turinio argumentai.
Sprendimas
Next.js su statiniu eksportu: kiekvienas puslapis abiem kalbomis sugeneruojamas kūrimo metu ir aptarnaujamas per nginx. Kalbą lemia domenas, o ne spėjimas pagal naršyklę: oxtren.lt – lietuvių, oxtren.com – anglų. Kiekvienas puslapis turi hreflang ir canonical žymas.
Kas turi keistis kartu, laikoma vienoje vietoje. Akcijų kainos visoje svetainėje skaičiuojamos iš vieno šaltinio, todėl pasibaigus akcijai visur grįžta įprastos kainos.
Rezultatas
Svetainę galima paleisti iš naujo be aplinkos kintamųjų ir be serverio, kurį reikėtų prižiūrėti. Tas pats puslapis Vilniuje ir Sidnėjuje pasiekiamas iš Cloudflare krašto.
Svetainė ir API vienas nuo kito nepriklauso: diegiant API, svetainė lieka pasiekiama.
Išmatuota
- 0Aplikacijų serverių užklausos metu
- 2Kalbos
Ką padarėme
- Strategija, dizainas, programavimas ir infrastruktūra – viskas savo komandoje
- Dvi kalbos dviem domenais: oxtren.lt – lietuvių, oxtren.com – anglų
- hreflang ir canonical žymos kiekviename puslapyje
- Statinis Next.js eksportas, nginx, produkcijoje be Node
- Pirmo ekrano Mėnulio scena – kadrų seka drobėje (canvas), ne video failas
- Akcijų kainos iš vieno šaltinio, pasibaigus akcijai grąžinamos automatiškai
- Paslaugų puslapiai su lyginamais paketais ir kontaktų forma, kurioje pasirinkta paslauga jau pažymėta
- Diegimas per Coolify, kraštas per Cloudflare
Dažni klausimai
Kodėl oxtren.com yra statinė svetainė?
Rinkodaros svetainei nereikia aplikacijos, kuri veiktų su kiekviena užklausa. Puslapiai sugeneruojami kūrimo metu, juos aptarnauja nginx, o Node produkcijoje nėra. Todėl svetainė veikia ir tada, kai API išjungtas diegimui.
Kaip svetainė parenka kalbą?
Pagal domeną: oxtren.lt – lietuviškai, oxtren.com – angliškai. Naršyklės kalbos nespėjame. Kiekvienas puslapis turi hreflang ir canonical žymas, kad paieškos sistemos žinotų, kuri versija skirta kuriai kalbai.
Kiek kainuoja ir kiek trunka individuali Next.js svetainė?
Nuo 2 990 €, įprastai 4–8 savaitės. Tikslią kainą ir terminą įrašome į pasiūlymą, prieš pradedant darbus.Nuo 2 392 €, įprastai 4–8 savaitės. Tikslią kainą ir terminą įrašome į pasiūlymą, prieš pradedant darbus. −20 %
Plačiau apie tai
- Svetainės9 min. skaitymo
Kada verta perdaryti svetainę: 7 ženklai
Kada verta perdaryti svetainę, o kada užtenka ją sutvarkyti: 7 ženklai, savikontrolės klausimai ir kaip perkelti svetainę neprarandant Google pozicijų.Skaityti - Greitis9 min. skaitymo
Kaip pagreitinti svetainę: ką matuoti ir ką taisyti pirmiausia
Kaip pagreitinti svetainę: Core Web Vitals, lauko ir laboratorijos duomenys, LCP, INP ir CLS taisymas, vaizdai, serveris ir skriptai – eilės tvarka.Skaityti - Svetainės8 min. skaitymo
Kaip pasirinkti svetainių kūrimo agentūrą: 8 kriterijai
Kaip pasirinkti svetainių kūrimo agentūrą: 8 kriterijai, klausimai prieš pasirašant, pavojaus ženklai ir kaip palyginti kelis pasiūlymus tarpusavyje.Skaityti
Sužinokite, kas stabdo
jūsų pardavimus.
Nemokamai peržiūrėsime jūsų pirkimo kelią ir parodysime didžiausius konversijos trukdžius.
Ko jums reikia?
Atsakome per 1 darbo dieną.








