O Nunes Sports Store é uma aplicação de gerenciamento de produtos voltada para a venda de artigos esportivos. O sistema permite a criação, visualização, edição e exclusão de produtos, utilizando uma arquitetura de frontend com React e backend integrado com o Supabase e hospedado na Vercel.
- Adicionar Produtos: Permite adicionar novos produtos com nome, código, descrição e preço.
- Visualizar Produtos: Exibe a lista completa de produtos cadastrados.
- Editar Produtos: Permite editar as informações de um produto existente.
- Excluir Produtos: Remove um produto da lista de produtos cadastrados.
Frontend
- React.js: Framework para a construção da interface do usuário.
- Axios: Biblioteca para fazer requisições HTTP ao backend.
- Netlify: Plataforma de hospedagem do frontend.
Backend
- Node.js com Express.js: Utilizado para criar o servidor backend e definir as rotas da API.
- Supabase: Banco de dados serverless utilizado para gerenciar os dados do sistema.
- Vercel: Plataforma de hospedagem do backend.
Outros
- CORS: Implementado para permitir a comunicação entre as plataformas Netlify (frontend) e Vercel (backend).
- dotenv: Utilizado para carregar variáveis de ambiente.
Migração do MySQL para o Supabase:
- Desafio: A migração para um banco de dados serverless exigiu a adaptação de queries e a implementação de novas políticas de segurança no banco.
- Solução: Refatoração do código para usar o Supabase, implementação de políticas de inserção e seleção de dados, e configuração do id dos produtos como auto incremento.
Problemas com CORS:
- Desafio: Durante a integração do frontend e backend, retornou problemas com bloqueios CORS.
- Solução: Ajuste das permissões no middleware CORS no backend para aceitar requisições vindas dos domínios Netlify e Vercel.
Requisitos
- Node.js >= 14.x
- npm >= 6.x
Front-end
Instale as dependências:
npm install
Inicie o servidor de desenvolvimento:
npm run dev