Este projeto é uma aplicação em NextJS com páginas dedicadas a diferentes funcionalidades: "pokemons", "finances" e "students". As requisições à API são feitas apenas nas páginas de "pokemons" e "students", demonstrando a integração eficiente de NextJS com APIs externas.
- NextJS
- React
- JavaScript
- Axios (para requisições API)
- CSS (ou Styled Components para estilização)
- Git
- Github
O objetivo desta aplicação é fornecer um exemplo prático de como integrar o NextJS com APIs externas, demonstrando o uso de rotas dinâmicas e a eficácia do framework para o desenvolvimento de aplicações React.
Para executar este projeto, é necessário ter instalado:
- NodeJS
- NPM ou Yarn
- Clone o projeto para sua máquina.
- Navegue até o diretório do projeto e execute o comando
npm installouyarn installpara instalar as dependências. - Crie os arquivos de configuração do ambiente, como o
.envpara armazenar chaves de API ou outras configurações sensíveis. - Execute o projeto com o comando
npm run devouyarn dev. - Acesse a aplicação no navegador em http://localhost:3000.
O projeto está organizado da seguinte maneira:
/pokemons.js: Página dedicada à exibição de informações sobre pokémons, fazendo requisições à API correspondente./finances.js: Página dedicada à gestão financeira (adicionar, visualizar transações, etc.). Não possui requisições à API neste exemplo./students.js: Página dedicada a informações sobre estudantes, fazendo requisições à API correspondente./components/: Pasta contendo componentes reutilizáveis./api/: Pasta contendo arquivos de rotas para a API.
- Clone o repositório:
git clone https://github.com/FelipeSantos92Dev/react-tds-2023-alunos.git - Navegue até o diretório:
cd react-tds-2023-alunos - Instale as dependências:
npm installouyarn install - Execute o projeto:
npm run devouyarn dev - Acesse a aplicação no navegador: http://localhost:3000