saleor storefront
2.11
O repositório Saleor-Storefront está
DEPRECATEDDecidimos construir uma nova fachada de loja a partir do zero, sem design sofisticado, concentrando -se apenas nas melhores práticas para a construção de fachadas de lojas de comércio. O novo projeto, chamado React-Storefront, usa o Next.js como sua base e o Tailwind para a aparência. Você pode encontrá-lo aqui: https://github.com/saleor/react-storefront.
Nota: Este projeto é uma demonstração sobre como o Saleor pode ser usado. Não está pronto para ser iniciante, mas mostrar como diferentes casos podem ser tratados e podem ser usados como um livro de receitas. Haverá mudanças de quebra e o código está em constante evolução, portanto, use por sua conta e risco.
Uma loja de aplicativos PWA, de uma página única, movida a graphQL, para Saleor.
Veja a demonstração pública da Saleor Storefront!
Ou inicie a demonstração em uma instância do Heroku gratuito.
Essas instruções fornecerão uma cópia do projeto em funcionamento em sua máquina local para fins de desenvolvimento e teste.
Para executar o Storefront, você deve definir a variável de ambiente NEXT_PUBLIC_API_URI para apontar para a API Saleor Graphql. Se você estiver executando a venda localmente, com as configurações padrão, NEXT_PUBLIC_API_URI será definido como: http://localhost:8000/graphql/ . Para alterá -lo, crie um arquivo .env.local e adicione -o lá ou defina uma variável Env usando o comando export .
Clone o repositório:
git clone https://github.com/mirumee/saleor-storefront.git
Digite o diretório do projeto:
cd saleor-storefront
Para usar o lançamento estável oficial, check -out para uma tag de liberação:
$ git checkout 2.11.0
Veja a lista de todos os lançamentos aqui: https://github.com/mirumee/saleor-storefront/releases/
Se você deseja usar a versão mais recente de desenvolvimento, faça o check -out para a filial master :
$ git checkout master
Instale as dependências da NPM:
npm i
Execute o servidor de desenvolvimento:
npm start
Vá para http://localhost:3000 para acessar a loja da loja.
Para compilar a execução do aplicativo:
$ npm run build
Para compilar o aplicativo e exportar a fúria da loja para a execução estática HTML:
$ npm run build:export
Para compilar o aplicativo e executá -lo no modo de produção com o próximo servidor Run:
$ npm run build:start
Para ativar a Apollo Devtools na versão de produção, defina a variável ambiental
NEXT_PUBLIC_ENABLE_APOLLO_DEVTOOLS=true
Se você deseja executar os testes do Cypress, verifique se todas as dependências (incluindo Cypress ) estão instaladas executando o comando Install.
npm i
As variáveis de ambiente a seguir devem ser definidas para poder executar testes corretamente:
API_URI - endereço API do GraphQL.STATIC_URL - URL de destino de arquivos estáticos, por exemplo. S3 BucketCYPRESS_USER_NAME - nome de usuário (email) para o usuário Storefront .CYPRESS_USER_PASSWORD - para o usuário mencionado acima. Se você estiver executando a loja da perspectiva do contêiner Docker , poderá executar testes usando os seguintes comandos:
Modo sem cabeça:
cy:run
Modo de interface do usuário do Cypress:
cy:open
Se você deseja executar testes em relação ao seu ambiente de desenvolvimento local, use os seguintes comandos:
Modo sem cabeça:
test:e2e:run
Modo de interface do usuário do Cypress:
test:e2e:dev
Todos os novos componentes devem seguir as diretrizes de design atômico e ser colocadas no diretório src/@next/components .
A estrutura de arquivos pode ser gerada usando plop :
npm run generate
Da postagem do espectro
import Link from "next/link" e use o novo caminho que você criou no Paths.ts (certifique -se de importá -lo)default-channel . Este projeto está licenciado sob a licença BSD-3-cláusula-consulte o arquivo de licença para obter detalhes
