| ... | ... | @@ -189,7 +189,7 @@ Interface do usuário desenvolvida com **Next.js** e **TypeScript**, que consome |
|
|
|
1. **Clone o repositório:**
|
|
|
|
```bash
|
|
|
|
git clone https://tools.ages.pucrs.br/ai-produtor-sistema-de-cadastro-e-gestao-de-produtores-de-hortifrutie/aiprodutor-frontend.git
|
|
|
|
cd aiprodutor-frontend
|
|
|
|
cd AiProdutor-frontend
|
|
|
|
```
|
|
|
|
|
|
|
|
2. **Configure as variáveis de ambiente:**
|
| ... | ... | @@ -217,13 +217,18 @@ Durante o desenvolvimento, você precisará de dois terminais: |
|
|
|
|
|
|
|
**Terminal 1 — Backend e banco de dados:**
|
|
|
|
```bash
|
|
|
|
# na raiz do backend
|
|
|
|
cd aiprodutor-backend
|
|
|
|
docker compose up
|
|
|
|
npm install
|
|
|
|
docker compose up -d postgres
|
|
|
|
npm run start:dev
|
|
|
|
```
|
|
|
|
Para visualizar a documentação do backend, acesse http://localhost:3000 no navegador.
|
|
|
|
|
|
|
|
**Terminal 2 — Frontend (Next.js):**
|
|
|
|
**Terminal 2 — Frontend:**
|
|
|
|
```bash
|
|
|
|
cd aiprodutor-frontend
|
|
|
|
cd AiProdutor-frontend
|
|
|
|
npm install # se ainda não instalou
|
|
|
|
npm run dev
|
|
|
|
```
|
|
|
|
|
| ... | ... | @@ -235,7 +240,7 @@ Acesse http://localhost:3001 no navegador. |
|
|
|
|
|
|
|
As variáveis de ambiente são gerenciadas através do arquivo `.env.local`.
|
|
|
|
|
|
|
|
* `NEXT_PUBLIC_API_URL`: URL base da API do backend (ex: http://localhost:3000)
|
|
|
|
* `NEXT_PUBLIC_API_URL`: URL base da API do backend (http://localhost:3000)
|
|
|
|
|
|
|
|
---
|
|
|
|
|
| ... | ... | @@ -248,43 +253,17 @@ As variáveis de ambiente são gerenciadas através do arquivo `.env.local`. |
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
# ⚙️ Como Rodar o Projeto no Dia a Dia (modo desenvolvimento)
|
|
|
|
|
|
|
|
### Por que dois terminais?
|
|
|
|
|
|
|
|
São necessários dois terminais, um para rodar o Backend e outro para rodar o Frontend.
|
|
|
|
|
|
|
|
## Fluxo recomendado (desenvolvimento rápido)
|
|
|
|
|
|
|
|
**Terminal 1 — Backend em hot-reload (local):**
|
|
|
|
```bash
|
|
|
|
# na raiz do backend
|
|
|
|
cd aiprodutor-backend
|
|
|
|
npm install
|
|
|
|
docker compose up -d postgres
|
|
|
|
npm run start:dev
|
|
|
|
```
|
|
|
|
Para visualizar a documentação do backend, entrar em http://localhost:3000
|
|
|
|
|
|
|
|
**Terminal 2 — Frontend:**
|
|
|
|
```bash
|
|
|
|
cd AiProdutor-frontend
|
|
|
|
npm install # se ainda não instalou
|
|
|
|
npm run dev
|
|
|
|
```
|
|
|
|
Para visualizar o frontend, entrar em http://localhost:3001
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
# ✅ Checklist Final
|
|
|
|
|
|
|
|
* [ ] Git instalado e configurado
|
|
|
|
* [ ] Node via nvm (`nvm use --lts`)
|
|
|
|
* [ ] Node instalado
|
|
|
|
* [ ] Docker rodando
|
|
|
|
* [ ] Repositórios clonados (`backend` e `frontend`)
|
|
|
|
* [ ] Arquivos `.env` e `.env.local` criados
|
|
|
|
* [ ] Dependências instaladas (`npm install`)
|
|
|
|
* [ ] Banco de dados migrado / seed aplicado (opcional)
|
|
|
|
* [ ] Banco de dados migrado / seed aplicado
|
|
|
|
* [ ] Backend acessível em http://localhost:3000
|
|
|
|
* [ ] Frontend acessível em http://localhost:3001
|
|
|
|
|
|
|
|
---
|
| ... | ... | |