Início Profile Projeto
Avatar de

Cristian da Rosa Melo

PokeNext

  • NextJS
  • TypeScript
  • CSS Module
  • Next Route
  • Vercel Deployment
  • GitHub
🇺🇸 English (apenas no GitHub)
🇧🇷 Português


PokeNext

Esta é uma reinterpretação do pokedex desenvolvido com nextJS.

Image App

🔨 Recursos do projeto

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!

⚙️ Técnicas e tecnologias usadas

Confira essa lista de tudo que vamos usar nesse app:

  • NextJS
  • TypeScript
  • CSS Module
  • Next Routes
  • Vercel Deployment
  • GitHub

🛠️ Abra e execute o projeto

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.

📚 Mais informações do tutorial

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