Web store é um e-commerce feito com Prisma, NextJS, Typescript e Stripe.
O Website foi criado com o intuito de desenvolver um e-commerce totalmente funcional com next, prisma e typescript. Além das tecnológias citadas, foi usado Shadcn e o OAUTH do google para login.
Clique para expandir as capturas de tela versão Desktop
Clique para expandir as capturas de tela versão mobile
Siga as instruções abaixo para configurar e iniciar o seu projeto de e-commerce.
Certifique-se de ter as seguintes ferramentas instaladas em sua máquina:
-
Clone este repositório para o seu ambiente local:
git clone https://github.com/Alexsandro-ms/web-store.git
-
Navegue até o diretório do projeto:
cd seu-projeto -
Instale as dependências do projeto:
npm install # ou, se estiver usando o Yarn yarn
-
Copie o arquivo de exemplo .env.example para .env e configure as variáveis de ambiente necessárias, como as credenciais do banco de dados e as chaves de API:
cp .env.example .env
Abra o arquivo .env em um editor de texto e adicione as informações apropriadas.
-
Execute as migrações do banco de dados com o Prisma:
npx prisma migrate dev
Iniciar o Servidor de Desenvolvimento Agora que o projeto está configurado, você pode iniciar o servidor de desenvolvimento:
```bash
npm run dev
# ou, se estiver usando o Yarn
yarn dev
```
Isso iniciará o servidor em http://localhost:3000/. Abra o seu navegador e acesse essa URL para ver o seu projeto em ação. Lembre-se de consultar o seu README.md para informações mais detalhadas sobre o projeto, como funcionalidades específicas e dicas de uso.
Caso queira entrar em contato comigo, segue minhas redes sociais: