Nodejs example using fastify and prisma

front.tsx

import React, { useState } from 'react';

interface FormData {
  name: string;
  address: string;
}

const UserForm: React.FC = () => {
  const [formData, setFormData] = useState<FormData>({ name: '', address: '' });

  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = event.target;
    setFormData({ ...formData, [name]: value });
  };

  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();

    try {
      const response = await fetch('/user', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(formData)
      });

      const data = await response.json();
      console.log(data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label htmlFor="name">Name:</label>
        <input
          type="text"
          id="name"
          name="name"
          value={formData.name}
          onChange={handleChange}
        />
      </div>
      <div>
        <label htmlFor="address">Address:</label>
        <input
          type="text"
          id="address"
          name="address"
          value={formData.address}
          onChange={handleChange}
        />
      </div>
      <button type="submit">Submit</button>
    </form>
  );
};

export default UserForm;

server.tsx

import * as Fastify from 'fastify'
import { PrismaClient } from '@prisma/client'

const app = Fastify({
  logger: true
})

const prisma = new PrismaClient()

app.get('/', async (request, reply) => {
  reply.send({ hello: 'world' })
})

app.post('/user', async (request, reply) => {
  const body = request.body
  if (!body.name || !body.address) {
    reply.code(400).send({ error: 'Name and address are required' })
  } else {
    await prisma.user.create({
      data: {
        name: body.name,
        address: body.address
      }
    })
    reply.send({ sucesso: 'User sucessfuly created' })
  }
})

app.listen(3000, (err, address) => {
  if (err) {
    app.log.error(err)
    process.exit(1)
  }
  app.log.info(`server listening on ${address}`)
})

process.on('SIGINT', async () => {
  await prisma.disconnect()
  process.exit()
})