Files
loldle/web/app/page.jsx
T
tiennm99 d9ae9c97d2 refactor: migrate from vanilla JS to Next.js 16 with Tailwind CSS
- Replace vanilla HTML/CSS/JS with Next.js App Router + React components
- Game logic (champion-data, game-engine, classic-mode) moved to lib/
- UI split into modular components (game-board, champion-search, guess-grid, etc.)
- Add Tailwind CSS v4 with CSS variables for theming
- Immutable state updates, fetch deduplication, next/image for CDN images
- champions.json moved from assets/ to public/
2026-04-04 11:52:59 +07:00

15 lines
424 B
React

import GameBoard from "@/components/game-board";
export default function Home() {
return (
<main className="flex flex-col items-center min-h-screen">
<header className="text-center pt-6 pb-2 w-full max-w-[900px]">
<h1 className="text-3xl font-bold tracking-wider">
Lo<span className="text-[var(--color-accent)]">L</span>dle
</h1>
</header>
<GameBoard />
</main>
);
}