Executando verificação de segurança...
4

React | CRUD Completo + REST API -> do ZERO ao Deploy GRATUITO

Fala pessoal, beleza?
Hoje tô aqui pra mostrar p/ vcs um projeto Full-Stack que desenvolvi utilizando TypeScript, React, Node entre outros!

E também ensinar como você pode fazer deploy totalmente GRATUITO do seu projeto Node!

-> Live deploy da Aplicação:
https://rafaschettini.github.io/react-crud-front/

Back-End

Para o back-end, foram utilizadas no desenvolvimento techs como:

  • - Node
    
  • - Fastify
    
  • - Prisma
    
  • - Zod
    
  • - PostgreSQL
    

REST API c/ as seguintes funcionalidades:

  • - Criar um usuário
    
  • - Listar todos os usuários
    
  • - Listar um usuário específico
    
  • - Remover um usuário
    
  • - Atualizar informações de um usuário
    

Você pode acessar o repo do GitHub a partir deste link
-> https://github.com/RafaSchettini/fastify-crud-deploy

Front-End

Para o front-end, foram utilizadas no desenvolvimento techs como:

  • - Styled Components 
    
  • - Axios 
    
  • - React Hook Form
    
  • - Zod 
    
  • - React Router DOM
    

Aplicação simples para consumo de algumas das funcionalidades implementas na API!

Você pode acessar o repo do GitHub a partir deste link
-> https://github.com/RafaSchettini/react-crud-front

Deploy

Para fazer o Deploy totalmente GRATUITO da sua aplicação Node você pode fazer que nem eu e utilizar os serviços da plataforma Render!

-> https://render.com

Usei como base para realizar o deploy o vídeo do Diego Fernandes da Rocketseat!
O vídeo está muito bem explicado e garanto que irão conseguir subir suas aplicações:

-> https://youtu.be/pmXfvd6Zqg4

Obrigado a você que leu até aqui!

  • Se tiver alguma pergunta ou feedback, peço que me deixe ficar sabendo. Comentários sempre são bem-vindos <3
  • E se você puder dar uma olhada nas minhas redes sociais, ficaria extremamente agradecido :]

Linkedin
-> https://www.linkedin.com/in/rafaelschettini/

Github
-> https://github.com/RafaSchettini

Carregando publicação patrocinada...
1

Olá Rafa, gostei do seu projeto, parabéns, vc seguiu algum tutorial em específico que poderia nos indicar?

Estou na luta para conseguir meu primeiro emprego e preciso criar um bom portfólio para mostrar alguma experiência!

1
1
1

Parabéns pelo projeto, ficou muito legal! Eu vi que no render o Postgres só é gratuito até 90 dias, você pretende migrar para uma outra plataforma ou vai para o plano pago deles?

1

Fala mano, beleza?
Muito obrigado!

Cara, como é um projeto apenas para testes, não pretendo manter essa aplicação no ar.

Porém, achei bem fácil e intuitivo realizar um deploy lá no render, talvez valha sim dar uma olhada mais afundo nos planos pagos deles se tratando de um projeto real.

Sobre outras plataformas de deploy, fiquei sabendo que o Heroku também funciona muito bem!

1
1