hello world nuxtjs

Plugin Hello World usando Nuxt.js

Dashibase permite criar painéis de administração internos usando uma interface de usuário semelhante ao Notion.

Você pode estender a funcionalidade de seus painéis desenvolvendo um plugin. Por exemplo, você pode exibir as informações do Stripe de cada cliente, mostrar tickets de suporte do Zendesk, enviar e-mails via SendGrid e muito mais.

Este é um exemplo simples de plugin Hello World para mostrar a você:

• Quais dados você pode receber do Dashibase para usar em seu plugin
• Como criar um plugin simples com Nuxt.js

Começando

1. Configure um painel no Dashibase

Você pode pular esta etapa se já tiver um painel no Dashibase.

Caso contrário, você pode se inscrever gratuitamente aqui. Depois de criar um painel e adicionar uma tabela do seu banco de dados, clique em qualquer um dos itens da sua tabela. É aqui que adicionaremos o plugin.

2. Clone e implante este repositório

Clique no botão acima para clonar e implantar o plugin através do Vercel.

Seu plugin Hello World agora está pronto.

3. Adicione plugin ao seu painel

Volte para o seu painel no Dashibase. Ao visualizar qualquer um dos itens em uma tabela, adicione um bloco Plugin digitando '/plugin'. Em seguida, adicione a URL do seu plugin implantado e clique em “Configurar”.

Você deverá ver o aplicativo Hello World, que informa os dados de configuração que o Dashibase enviou para o plugin.

Ao desenvolver seu plugin, você pode usar os dados de configuração para selecionar quais dados deseja usar em seu plugin. Digamos que você tenha uma tabela de clientes, você poderia puxar o campo email de cada cliente através da coluna email e utilizá-lo em seu plugin. Veja nosso plugin Stripe para um exemplo concreto.

Se você tiver alguma dúvida, sinta-se à vontade para entrar em contato conosco via Twitter (@dashibase) ou [email protected].

Saber mais

Você pode achar os seguintes recursos úteis:

• Olá mundo Tutorial do plugin NuxtJS
• Referência da API do plug-in