https://github.com/jessicasantosb/ecommerce-admin
Aplicação full-stack utilizando as mais recentes tecnologias para a criação de um CMS.
https://github.com/jessicasantosb/ecommerce-admin
axios clerk cloudinary hookform nextauth nextjs prisma recharts stripe supabase tailwindcss typescript zod zustand
Last synced: 3 months ago
JSON representation
Aplicação full-stack utilizando as mais recentes tecnologias para a criação de um CMS.
- Host: GitHub
- URL: https://github.com/jessicasantosb/ecommerce-admin
- Owner: jessicasantosb
- Created: 2024-12-12T12:23:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-21T14:14:40.000Z (about 1 year ago)
- Last Synced: 2025-08-12T09:42:10.404Z (11 months ago)
- Topics: axios, clerk, cloudinary, hookform, nextauth, nextjs, prisma, recharts, stripe, supabase, tailwindcss, typescript, zod, zustand
- Language: TypeScript
- Homepage: https://ecommerce-admin-jessicasantosb.vercel.app/
- Size: 267 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
E-commerce Admin Dashboard
Este projeto fullstack foi desenvolvido em NextJS, Typescript, Clerk, Supabase e Stripe.
---
## 📍 Visão Geral
**_Objetivo_**
Desenvolvi o projeto E-commerce Admin (Confira aqui) com o objetivo de aprimorar minhas habilidades na criação de um CMS (Content Management System). O foco foi entender e implementar as funcionalidades essenciais para gerenciar conteúdos e operações de um e-commerce de forma eficiente.
**_Motivação_**
Minha principal motivação foi construir uma base sólida para projetos freelance, criando uma solução escalável e personalizável que possa ser adaptada às necessidades de diferentes clientes. Esse projeto serve como um ponto de partida para futuros trabalhos, permitindo-me oferecer soluções completas e funcionais no mercado de e-commerce.
---
## 🧬 Funcionalidades
- Autenticação de usuários utilizando Clerk.
- Armazenamento seguro de informações no Supabase.
- Armazenamento seguro de imagens no Cloudinary.
---
## 🚀 Começando
### Pré-requisitos
Certifique-se de ter instalado:
[](https://nodejs.org/)
[](https://yarnpkg.com/)
[](https://www.prisma.io/docs/concepts/components/prisma-cli)
[](https://docs.stripe.com/stripe-cli?locale=pt-BR)
### ⚙️ Instalação
```sh
❯ git clone git@github.com:jessicasantosb/ecommerce-admin.git
```
```sh
❯ cd ecommerce-admin
```
```sh
❯ yarn
```
```sh
❯ yarn dev
```
#### Gere e instancie o Prisma Client:
```sh
❯ npx prisma generate
```
#### Configuração do Stripe
- Instale o Stripe CLI seguindo a documentação oficial.
- No terminal, execute o seguinte comando para escutar eventos do Stripe e encaminhá-los para sua API local:
```sh
❯ stripe listen --forward-to localhost:3001/api/webhook
```
- Adicione a chave secreta gerada ao arquivo .env.
- Para testar eventos localmente, dispare um webhook de pagamento bem-sucedido:
```sh
❯ stripe trigger payment_intent.succeeded
```
---
### 🤖 Uso
#### Variáveis de Ambiente
Crie o arquivo `.env` na raiz do projeto e adicione as seguintes variáveis:
```sh
❯ NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
❯ CLERK_SECRET_KEY=
❯ NEXT_PUBLIC_CLERK_SIGN_IN_URL=
❯ NEXT_PUBLIC_CLERK_SIGN_UP_URL=
❯ DATABASE_URL=
❯ DIRECT_URLR=
❯ NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
❯ STRIPE_API_KEY=
❯ FRONTEND_STORE_URL=
❯ STRIPE_WEBHOOK_SECRET=
```
---
## 💻 Tecnologias
- Typescript
- Next 15
- Clerk
- Cloudinary
- Supabase
- Stripe
- Prisma
- React Hook Form
- Zod
- Zustand
---
## 🤝 Contribuições
- 🔰 Mencione quaisquer problemas conhecidos ou limitações.
- 🐛 Esboce seus planos para melhorias futuras.