https://github.com/matheus369k/poke-next

O Projeto e uma pokedex tradicional conectada a uma api externa, apresentando informações de cada mostro ao acessar os detalhes de cada.
https://github.com/matheus369k/poke-next

app-router-nextjs nextjs14 styled-components

Last synced: about 3 hours ago
JSON representation

O Projeto e uma pokedex tradicional conectada a uma api externa, apresentando informações de cada mostro ao acessar os detalhes de cada.

• Host: GitHub
• URL: https://github.com/matheus369k/poke-next
• Owner: matheus369k
• License: mit
• Created: 2024-07-19T15:16:39.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-09T16:24:10.000Z (3 months ago)
• Last Synced: 2024-08-09T20:17:42.887Z (3 months ago)
• Topics: app-router-nextjs, nextjs14, styled-components
• Language: TypeScript
• Homepage: https://poke-next-two-phi.vercel.app
• Size: 534 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    

    PokeNext





  Ferramentas |

  Projetos |

  Aprendizado |

  Licença





  





 



## 🧰 Ferramentas

Para criar o projeto fora usado as ferramentas abaixo com foco em testar habilidades com uma aplicação:

- React + NextJs

- TypeScript

- styled-components

## 💻 Projeto

O principal motivo de criação do projeto foi a aplicação dos meus novo conhecimentos em nextjs e styled-components, e por ser a aplicação usada como base para explicar o funcionamento do nextjs no 🔗[Curso de NextJS](https://www.youtube.com/playlist?list=PLnDvRpP8BnezfJcfiClWskFOLODeqI_Ft) do canal do YouTube 🔗[Matheus Battisti - Hora de Codar](http://www.youtube.com/@MatheusBattisti).

O Projeto e uma pokedex tradicional conectada a uma api externa, apresentando informações de cada mostro ao acessar os detalhes de cada.

A api gratis usado foi a 🔗[pokeapi](https://pokeapi.co).

Acesse o site 🔗[PokeNext](https://poke-next-two-phi.vercel.app/).

## 📖 Aprendizado

Durante o desenvolvimento do projeto tive como praticar 

- A criação de uma aplicação usando o nextjs.

- Criar rotas usando app router do next 14.

- Criar rotas dinâmicas.

- Criar um cachear rotas para otimizar o acesso do usuário ao site.

- Implementar styled-components ao nextjs.

## 📃 Licença

Fora usado a licença ( 🔗[MIT](./LICENSE.txt) ) no projeto.