Saleor Store
우리 컬렉션을 쇼핑하세요
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기README 전체를 불러오는 중입니다. 아래는 저장된 발췌입니다.
Site e painéis da AVLE, o clube de compras planejado: a loja monta grupos, a cliente entra numa cota e paga em parcelas. É o app Next.js que conversa com a API do repositório avle-api (Spring Boot). A única variável de ambiente é NEXT_PUBLIC_API_URL, em .env.local. Sem ela, o app aponta para https://api.avle.com.br, a API de produção. Toda chamada à API passa por apiFetch, em app/lib/api.ts. A sessão é um cookie httpOnly, e uma chamada feita fora dele sai sem sessão.README 전문 보기 ↗
Site e painéis da AVLE, o clube de compras planejado: a loja monta grupos, a
cliente entra numa cota e paga em parcelas. É o app Next.js que conversa com a
API do repositório avle-api (Spring Boot).
npm install
npm run dev # http://localhost:3000
A única variável de ambiente é NEXT_PUBLIC_API_URL, em .env.local. Sem ela,
o app aponta para https://api.avle.com.br, a API de produção.
| Script | O que faz |
|---|---|
npm run dev | servidor de desenvolvimento |
npm run build | build de produção |
npm run lint | ESLint, com as regras de aderência ao design system |
npm run design-system | serve as páginas de referência do design system em http://localhost:4400/referencia/ |
npm run design-system:conferir | confere se os tokens do CSS batem com o DESIGN.md |
app/
├── page.tsx entrada e login
├── dashboard/ os três painéis (loja, cliente, admin) e a casca comum
├── convite/[id]/ cadastro pelo link de convite da loja
├── fatura/ faturas da cliente
├── admin/ painel administrativo da plataforma
├── previa-visual/ os painéis com dados de exemplo, sem precisar logar
├── design-system/ vitrine do design system (rota /design-system)
├── components/ componentes usados por mais de uma rota
└── lib/ regras e acesso à API (api.ts é a porta única de saída)
design-system/ tokens, componentes, templates e referências visuais (ver o README de lá)
DESIGN.md contrato visual e fonte da verdade dos tokens
docs/ contratos de API entre este repositório e o avle-api
Toda chamada à API passa por apiFetch, em app/lib/api.ts. A sessão é um
cookie httpOnly, e uma chamada feita fora dele sai sem sessão.
O contrato visual é o DESIGN.md, no formato aberto do Google
Stitch: ele é a fonte da verdade dos tokens. A implementação está em
design-system/: os tokens, os 34 componentes, os templates de composição e as
páginas de referência visual que vieram do Claude Design. A vitrine com tudo
renderizado fica em /design-system.
As cores são as da própria AVLE: papel, bege, terracota e o verde-tinta da marca.
Tela nova nasce com os componentes de @/design-system, e cor, fonte,
espaçamento e raio saem de token, nunca de valor escrito à mão. Os painéis que
estão no ar usam a mesma paleta, pelos tons do @theme de app/globals.css,
mas ainda não usam os componentes. Como usar, como criar um componente e o que
ainda diverge do visual no ar estão em
design-system/README.md.
A Vercel publica a partir de main. Dar push numa branch de feature não muda
nada do que está no ar: a mudança só sai depois do merge em main.
CLAUDE.md importa este arquivo)A documentação da versão instalada vem junto do pacote, em
node_modules/next/dist/docs/, e é a que vale para este projeto.