Prehľad

Linktree-štýl web aplikácia postavená na Next.js a React Server Components, navrhnutá tak, aby používateľom poskytla prispôsobiteľnú landing page, kde môžu prezentovať a organizovať viacero odkazov. Nasadená na Vercel pre rýchly globálny výkon a podporovaná databázou Turso ako primárnym riešením pre škálovateľné a nízkolatenčné ukladanie dát.

---

Kľúčové funkcie

• Prispôsobiteľné profilové stránky

  • Používatelia si môžu vytvoriť a spravovať osobnú landing page.
  • Možnosť pridania profilových obrázkov a prispôsobiteľných tém.

• Správa odkazov

  • CRUD funkcionalita na pridávanie, úpravu, presúvanie a mazanie odkazov.
  • Aktualizácie v reálnom čase vďaka server components.

• Responzívny dizajn

  • Optimalizované pre mobilné aj desktopové zobrazenie.
  • Čisté, minimalistické rozhranie inšpirované Linktree.

• Rýchle nasadenie & hosting

  • Nasadené na Vercel pre okamžité buildy, preview a doručovanie cez CDN edge.

---

Tech Stack

Frontend

• Next.js – Full-stack React framework so server components pre rýchle renderovanie.
• React Server Components – Efektívne získavanie dát a renderovanie na serveri.
• TailwindCSS – Utility-first štýlovanie pre prispôsobiteľné a responzívne UI.

Backend / Databáza

• Turso – Edge databáza pre nízkolatenčné dopyty a ukladanie dát používateľov/odkazov.
• Drizle ORM – Headless TypeScript ORM.
• Next.js Server Components – Pre bezpečné dátové operácie a logiku správy odkazov.

Deployment

• Vercel – Hosting, CI/CD a globálne edge nasadenie.

Ďalšie nástroje

• Git & GitHub – Verzovanie a kolaborácia.
• ESLint + Prettier – Kvalita kódu a konzistentné formátovanie.

---

Repository & Demo

• Zdrojový kód: Git hub repository
• Live Demo: MyLinkZone