/next-commerce

Este é um projeto de ecommerce fullstack que engloba a implementação de um aplicativo de loja online, incluindo recursos como autenticação de usuário, pagamento, listagem de produtos e gerenciamento de carrinho. O projeto utiliza uma variedade de tecnologias no frontend e no backend para criar uma experiência de compra completa.

Primary LanguageTypeScript

Ecommerce Fullstack

Versão Licença Dependências Último Commit

image image image

Este é um projeto de ecommerce fullstack que engloba a implementação de um aplicativo de loja online, incluindo recursos como autenticação de usuário, pagamento, listagem de produtos e gerenciamento de carrinho. O projeto utiliza uma variedade de tecnologias no frontend e no backend para criar uma experiência de compra completa.

Visão Geral

O Ecommerce Fullstack é uma aplicação de ecommerce completa com as seguintes funcionalidades:

  1. Frontend em React com Next.js 13, incluindo o uso de API Routes para criar rotas de backend.
  2. Autenticação de usuário fornecida pelo serviço Clerk.
  3. Pagamentos e listagem de produtos implementados usando Strepi.
  4. Banco de dados Vercel Postgres para armazenamento de dados.
  5. Controle de estado do carrinho e outros recursos usando Zustand.
  6. Estilo e layout responsivos com Tailwind CSS.
  7. Linter configurado com ESLint e Prettier usando o pacote de configuração personalizado @snarloff/eslint-config.

Tecnologias Utilizadas

O projeto faz uso de diversas tecnologias e pacotes:

  • React: Biblioteca de JavaScript para criar interfaces de usuário.
  • Next.js: Framework React para aplicativos web.
  • Tailwind CSS: Estrutura de estilo utilitário.
  • Clerk: Serviço de autenticação.
  • Strepi: Plataforma de ecommerce.
  • Prisma: Camada de acesso a dados para Node.js e TypeScript.
  • Vercel Postgres: Banco de dados Postgres hospedado na Vercel.
  • Zustand: Biblioteca para gerenciamento de estado.
  • ESLint: Linter para JavaScript/TypeScript.
  • Prettier: Formatador de código.

Instruções de Uso

Para executar o projeto em sua máquina, siga os passos abaixo:

  1. Clone este repositório:

    git clone https://github.com/Snarloff/next-commerce.git
  2. Navegue até o diretório do projeto:

    cd ecommerce-fullstack
  3. Instale as dependências:

    npm install
  4. Inicie o servidor de desenvolvimento:

    npm run dev

O aplicativo estará disponível em http://localhost:3000.

Certifique-se de configurar corretamente as variáveis de ambiente necessárias para a autenticação com o serviço Clerk, as informações de pagamento com Strepi, bem como as configurações de acesso ao banco de dados Vercel Postgres.

Contribuições

Contribuições são bem-vindas! Se você deseja contribuir para este projeto, siga as diretrizes de contribuição e envie um pull request.

Problemas e Sugestões

Se você encontrar problemas ou tiver sugestões para melhorar este projeto, por favor, abra uma issue neste repositório.