Conectando Backend e Frontend – Next Js + Nest Js

Criamos um wrapper usando “Ky” para trazer a url correta do backend da .env

Átraves desse wrapper conseguimos fazer requisições para nossa API, lembrando que esse cenário é somente para envios simples, quando se trata de multipatform a configuração …


This content originally appeared on DEV Community and was authored by Lukinhas Dev

Criamos um wrapper usando "Ky" para trazer a url correta do backend da .env

Átraves desse wrapper conseguimos fazer requisições para nossa API, lembrando que esse cenário é somente para envios simples, quando se trata de multipatform a configuração é diferente.


Na imagem acima mostamos como é feito:
importamos o wrapper que criamos mais acima, criamos um schema para validar os dados que serão enviados para a API,
adicionamos as informações no useState para criar novas variáveis reativas.


Criamos uma função handleSubmit para enviar os dados para api, veja que nesse ponto fazemos uso do nosso import com o metodo Post, enviandos os dados corretamente.


No nosso form, chamamos a função handleSubmit usando a função onSubmit, e criamos os campos para fazer envio dos dados corretamente.


This content originally appeared on DEV Community and was authored by Lukinhas Dev


Print Share Comment Cite Upload Translate Updates
APA

Lukinhas Dev | Sciencx (2025-07-19T04:49:11+00:00) Conectando Backend e Frontend – Next Js + Nest Js. Retrieved from https://www.scien.cx/2025/07/19/conectando-backend-e-frontend-next-js-nest-js/

MLA
" » Conectando Backend e Frontend – Next Js + Nest Js." Lukinhas Dev | Sciencx - Saturday July 19, 2025, https://www.scien.cx/2025/07/19/conectando-backend-e-frontend-next-js-nest-js/
HARVARD
Lukinhas Dev | Sciencx Saturday July 19, 2025 » Conectando Backend e Frontend – Next Js + Nest Js., viewed ,<https://www.scien.cx/2025/07/19/conectando-backend-e-frontend-next-js-nest-js/>
VANCOUVER
Lukinhas Dev | Sciencx - » Conectando Backend e Frontend – Next Js + Nest Js. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/07/19/conectando-backend-e-frontend-next-js-nest-js/
CHICAGO
" » Conectando Backend e Frontend – Next Js + Nest Js." Lukinhas Dev | Sciencx - Accessed . https://www.scien.cx/2025/07/19/conectando-backend-e-frontend-next-js-nest-js/
IEEE
" » Conectando Backend e Frontend – Next Js + Nest Js." Lukinhas Dev | Sciencx [Online]. Available: https://www.scien.cx/2025/07/19/conectando-backend-e-frontend-next-js-nest-js/. [Accessed: ]
rf:citation
» Conectando Backend e Frontend – Next Js + Nest Js | Lukinhas Dev | Sciencx | https://www.scien.cx/2025/07/19/conectando-backend-e-frontend-next-js-nest-js/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.