marketplace demo

Kit inicial do mercado

Este kit inicial Stelace é de uso gratuito, sob os termos da licença do MIT. Sinta-se à vontade para desembolsar, contribuir ou simplesmente torná-lo seu ❤️.

---

Este kit inicial oferece um front-end de mercado semelhante ao AirBnB de alto desempenho (Vue.js) com implantação sem servidor pré-configurada com base no servidor API Stelace de código aberto.

Conteúdo

• Características ?
  • Rápido por padrão?
  • Integrações
• Teste
• Pilha
• Começando
• Implantação

Demonstração ao vivo

Também está disponível um template de plataforma focado em busca, automação e tempo real.

O que é Stelace:

Stelace API fornece pesquisa avançada, gerenciamento de ativos e usuários, automação e APIs de entrega de conteúdo para plataformas da Web que vão desde mercados de pesquisa intensiva até aplicativos de comunidades online. O back-end do mercado de código aberto Stelace permite que você se concentre no que torna sua plataforma única.

Documentos da API

---

Características ?

• Gestão de ativos. Os ativos podem ser qualquer coisa, desde apartamentos e casas até carros ou shows
• Pesquisa poderosa e tolerante a erros de digitação?, com base na relevância e disponibilidade dinâmica
• Autenticação de usuário incluindo login social e SSO
• Gerenciamento de usuários e classificações
• Eventos e mensagens em tempo real
• Automação com fluxos de trabalho Stelace?
• Processo de pagamento personalizável usando funções sem servidor
• CMS sem cabeça? com API de conteúdo Stelace
• CDN global para imagens e arquivos de usuário
• e18n? e traduções completas
• Acessibilidade
• …
• e muito mais com Stelace API

Rápido por padrão?

Obtenha mais de 90 pontuações no PageSpeed ​​imediatamente:

• Páginas estáticas pré-renderizadas para carregamento de página mais rápido, com Vue.js hidratando-se em SPA completo.
• Divisão de código com configuração otimizada do Webpack em quasar.conf.js .
• Compressão de imagem usando WebP e redimensionamento sem servidor usando AWS Lambda
• Pré-busca e pré-carregamento de recursos
• Pronto para PWA graças ao Quasar

Este kit segue o padrão PRPL: mais informações na documentação.

Integrações

Aproveite essas integrações para começar a executar sua plataforma ainda mais rápido:

• Implantação automatizada e contínua com Netlify
• Stripe pagamentos usando funções Netlify e fluxos de trabalho Stelace
• Sentry para depuração em ambiente de produção
• Pesquisa de mapas e locais com provedores OpenStreetMap
• Google Analytics

Teste

• Testes completos entre navegadores com TestCafé
• Integração contínua com CircleCI

Pilha

Arquitetura JAMStack sem servidor:

• Vue.js
• Estrutura quasar
• API Stelace como back-end
• Stelace CMS sem cabeça
• SDK Stelace.js.
• Netlify para site estático e implantação de funções lambda

Node.js >= 10.18 é usado para ferramentas.

Começando

Você precisa das chaves da API Stelace para começar. Boas notícias: Stelace é de código aberto para que você possa implantar seu próprio servidor.

1. Clonar este repositório

git clone https://github.com/stelace/marketplace-demo.git
cd marketplace-demo

2. Instale node_modules

 # using yarn instead of npm is recommended
yarn

Se você não tiver o fio instalado, siga estas instruções.

3. Crie arquivos de ambiente para desenvolvimento e produção.

Você pode copiar .env.example e preenchê-lo com chaves de API Stelace (gerá-las com o projeto de código aberto do lado do servidor).

cp .env.example .env.development
# You may want to use live keys in this file
cp .env.example .env.production

Você precisa preencher as seguintes variáveis ​​de ambiente:

• STELACE_INSTANT_WEBSITE_URL
• STELACE_PUBLISHABLE_API_KEY ( pubk_ ...) usado no aplicativo Vue
• STELACE_SECRET_API_KEY ( seck_ ...) usado em scripts de propagação de dados
• STELACE_API_URL pode ser deixado em branco, a menos que você use seu próprio servidor em vez do padrão api.stelace.com

Consulte .env.example para obter mais detalhes sobre variáveis ​​de ambiente, incluindo mapa, gateway de pagamento, registro e análise.

4. Dados de desenvolvimento de sementes

yarn seed

5. Inicie o servidor de desenvolvimento

quasar dev
# or, if you want to run Netlify functions with stripe payments as well:
yarn dev

Consulte a documentação do Quasar para obter mais detalhes sobre a configuração e os componentes do front-end.

Desenvolvendo com servidor API Stelace auto-hospedado (backend de código aberto).

O servidor Stelace Core API deve ser iniciado localmente antes de iniciar o servidor deste projeto.

Primeiro precisamos lançar os serviços necessários para a API Stelace Core.

yarn docker:db

Então precisamos inicializar o banco de dados com configuração instantânea.

 cd /path/to/stelace-core
git checkout dev
yarn setup:instant

Chaves de API secretas e publicáveis ​​serão exibidas para que você possa usá-las como variáveis ​​de ambiente para este projeto. Você também precisará definir algumas variáveis ​​de ambiente, como STELACE_API_URL (http://127.0.0.1:API_PORT).

Vamos iniciar o servidor.

yarn dev

Consulte .env.example no projeto stelace-server .

6. Marca

Personalize o aplicativo com suas próprias cores e marca em src/styles.json , documentado em estilos.json.md.

Implantação

Consulte a seção de documentos de implantação para obter mais detalhes.