https://github.com/Dashibase/hello-world-nuxtjs

A Hello World plugin for Dashibase, built with NuxtJS
https://github.com/Dashibase/hello-world-nuxtjs

admin-dashboard frontend notion nuxtjs supabase

Last synced: 20 days ago
JSON representation

A Hello World plugin for Dashibase, built with NuxtJS

• Host: GitHub
• URL: https://github.com/Dashibase/hello-world-nuxtjs
• Owner: Dashibase
• Created: 2022-10-28T09:29:30.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-31T09:49:33.000Z (about 2 years ago)
• Last Synced: 2024-11-28T15:50:35.975Z (28 days ago)
• Topics: admin-dashboard, frontend, notion, nuxtjs, supabase
• Language: Vue
• Homepage: https://dashibase.com/docs/hello-world-nuxtjs-plugin/
• Size: 992 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hello World plugin using Nuxt.js

![Hello World plugin block](/assets/hello-world-plugin-block.png)

[Dashibase](https://dashibase.com/) lets you build internal admin dashboards using a Notion-like UI. 

You can extend the functionality of your dashboards by developing a plugin. For example, you could display each customer's Stripe information, show support tickets from Zendesk, send emails via SendGrid, and more.

This is a simple Hello World example plugin to show you:

- What data you can receive from Dashibase to use in your plugin

- How to create a simple plugin with Nuxt.js

## Getting Started

### 1. Set up a dashboard in Dashibase

You can skip this step if you already have a dashboard in Dashibase. 

If not, you can sign up for free [here](https://dashibase.com/). After you have created a dashboard and added a table from your database, click into any of the items on your table. Here is where we will add the plugin.

### 2. Clone and deploy this repo

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FDashibase%2Fhello-world-nuxtjs)

Click on the button above to clone and deploy the plugin through Vercel.

Your Hello World plugin is now ready.

### 3. Add plugin to your dashboard

Go back to your dashboard in Dashibase. While viewing any of the items on a table, add a Plugin block by typing '/plugin'. Then, add the URL of your deployed plugin and click "Set up".

You should see the Hello World app, which tells you the setup data that Dashibase sent to the plugin. 

When you are developing your plugin, you could use the setup data to select which data you want to use in your plugin. Let's say you have a table of customers, you could pull the email field of each customer via the `email` column and use it in your plugin. See [our Stripe plugin](https://github.com/Dashibase/dashibase-stripe-customer-plugin) for a concrete example.

If you have any questions, feel free to reach us via Twitter ([@dashibase](https://twitter.com/dashibase)) or [email protected].

## Learn More

You might find the following resources helpful:

- [Hello World NuxtJS plugin tutorial](https://dashibase.com/docs/hello-world-nuxtjs-plugin/)

- [Plugin API reference](https://dashibase.com/docs/plugin-api/)