Projekt začal jako jednoduchá landing page. Postupně jsem se na něm učil převádět soubory z .js, .html, .css na .jsx a na .tsx. Nakonec jsem přidal integraci Stripe plateb.
SourceCodeDemo
O Aplikaci: Proč a jak byla vytvořena?
Tento web byl původně vytvořen v Reactu s využitím souborů typu .js, .html a .css. Když jsem později zjistil, že existuje něco jako formát .jsx, rozhodl jsem se projekt přepracovat. Jakmile jsem začal pracovat s TypeScriptem, rozhodl jsem se aplikaci znovu vytvořit, tentokrát v Next.js s využitím formátu .tsx. Postupně jsem do aplikace přidal další funkce, například podporu češtiny pomocí knihovny i18n a možnost platby přes Stripe za jednotlivé karty. Aplikace také obsahuje režim dark/light, který jsem však skryl, protože pozadí na hlavní stránce tvoří obrázky nebo videa, což by mohlo způsobit problémy s estetikou a čitelností.
Funkce a technologie
- Tech Stack: Next.js 15, TypeScript, Tailwind CSS
- Stripe platby
- dark/light mode
- Podpora češtiny (i18n)
- Deployment na vercel.com