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