Shop

Shop é um marketplace de camisetas otimizado e integrado com Stripe para gerenciamento de produtos e pagamentos. Utilizando conceitos avançados do Next.js como SSR e SSG, oferece uma experiência de usuário rápida e eficiente.

Front End
ReactJs
NextJs
TypeScript
Stripe

Carregando ...

Shop

Sobre

Shop é um marketplace de camisetas que combina uma interface amigável com desempenho otimizado. Desenvolvido com o framework Next.js, o projeto utiliza conceitos avançados como Server-Side Rendering (SSR) e Static Site Generation (SSG) para garantir uma experiência de usuário rápida e eficiente.

O SSR permite que as páginas sejam renderizadas no servidor, melhorando o desempenho e garantindo que o conteúdo seja exibido rapidamente. Já o SSG pré-renderiza páginas estáticas, otimizando a velocidade de carregamento e a eficiência do site.

O projeto também utiliza TypeScript, adicionando tipagem estática ao código para melhor detecção de erros, tornando o código mais robusto, legível e fácil de manter.

Uma das principais características do Shop é a integração com o Stripe, uma plataforma de pagamentos online. Essa integração permite gerenciar produtos e realizar transações seguras de pagamento, oferecendo aos usuários uma experiência de compra conveniente e confiável.

Além disso, o projeto oferece funcionalidades de filtragem de produtos, permitindo aos usuários encontrar facilmente as camisetas que desejam.

Instalação

Siga estas etapas para instalar e configurar o projeto em seu ambiente local.

Configuração inicial
  • Primeiro você precisa criar uma conta nas plataformas na qual o projeto tem integração, o projeto usa o Stripe para gerenciar os pagamentos
  • Crie um arquivo .env.local na raiz do projeto e preencha as variáveis ambiente, o exemplo de como deve ficar esta em .env.example

Clone o repositório

Clone o repositório do projeto em seu ambiente local e acesse a pasta do projeto.

git clone https://github.com/manoguii/shop.git
cd shop

Instale as dependências e Execute a aplicação.

Instale as dependências do projeto e execute a aplicação em modo de desenvolvimento.

npm install
npm run dev

O projeto estará disponível em seu navegador em http://localhost:3000.

Tecnologias