| 🇺🇸 English (apenas no GitHub) |
| 🇧🇷 Português |
Esta é uma reinterpretação do pokedex desenvolvido com nextJS.
Desenvolvido com o poderoso framework NextJS, em uma página, você tem acesso a todos os pokémons da segunda geração, trazendo o detalhamento dos atributos de um pokémon clicando em "detalhes". Um Pokedex é um dispositivo eletrônico apresentado no jogo Pokémon e na série de anime que serve como uma enciclopédia digital para todas as espécies conhecidas de Pokémon. Contém informações detalhadas sobre cada Pokémon, como seu nome, número por ordem de registro, tipo, habilidades, estatísticas de batalha, possíveis evoluções, local onde pode ser encontrado e outras características. Nesta interpretação, você pode ver seu número, tipos de pokémon, peso e altura!
Confira essa lista de tudo que vamos usar nesse app:
NextJSTypeScriptCSS ModuleNext RoutesVercel DeploymentGitHub
Para abrir e executar o projeto, execute npm i para instalar as dependências e npm run dev para iniciar o projeto.
Em seguida, vá para http://localhost:3000/ em seu navegador.
O PokeNext é um aplicativo para consulta de pokémons, desenvolvido a partir do tutorial Matheus Battisti. A ideia principal deste tutorial de implementação é aprender e desenvolver os conceitos do framework Nextjs, um dos queridinhos do mercado atual. O formato de trabalhar com CSS modular é interessante, pois são estipulados problemas de sobreposição de CSS. O acesso a itens individuais também é diferente. Concluo que nextJs e SSR podem ser poderosos, mas precisam ser muito treinados, principalmente na hora de migrar. Assemelha-se à consulta de react query.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | PokeNext |
| 🏷️ Tecnologias | NextJS, TypeScript, CSS Module, Next Route,Vercel Deployment,GitHub (tecnologias utilizadas) |
| 🚀 URL | https://pokenext-agraq7zr3-cristianmeelo.vercel.app/ |
| 🔥 Desafio | https://www.youtube.com/watch?v=Zc0NrkoEqgI&ab_channel=MatheusBattisti-HoradeCodar |