The latest articles on DEV Community by Alan Teixidó (@alan_teixid_93b3e6ae3d48). https://dev.to/alan_teixid_93b3e6ae3d48 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3831445%2F6bce1d5f-1926-4a65-bc75-9a4a282ede45.jpg https://dev.to/alan_teixid_93b3e6ae3d48 en Alan Teixidó Wed, 18 Mar 2026 12:39:29 +0000 https://dev.to/alan_teixid_93b3e6ae3d48/i-built-a-full-pokedex-with-nextjs-and-typescript-387b https://dev.to/alan_teixid_93b3e6ae3d48/i-built-a-full-pokedex-with-nextjs-and-typescript-387b <p>I recently built a full-featured Pokédex app as a portfolio project using Next.js 14 and TypeScript.</p> <h2> What it includes </h2> <ul> <li>Search across all 1025 Pokémon in real time</li> <li>Filter by type (18 types) and generation (Gen I–IX)</li> <li>Full detail pages with stats, abilities, evolution chains and type matchups</li> <li>Shiny toggle to see the shiny version of each Pokémon</li> <li>Side-by-side comparison page with a radar chart</li> <li>Favorites system saved to localStorage</li> <li>Light/Dark mode</li> <li>PWA support — installable on mobile</li> </ul> <h2> Tech stack </h2> <ul> <li>Next.js 14 App Router</li> <li>TypeScript (strict mode)</li> <li>Tailwind CSS</li> <li>SWR for data fetching</li> <li>Framer Motion for animations</li> <li>PokéAPI (free, no API key needed)</li> <li>Deployed on Vercel</li> </ul> <h2> Live </h2> <p>👉 <a href="https://pokedex.alanteixido.dev" rel="noopener noreferrer">pokedex.alanteixido.dev</a></p> <p>Built by <a href="https://alanteixido.dev" rel="noopener noreferrer">Alan Teixidó</a> — Software Engineer based in Barcelona.</p> webdev programming nextjs