July 13, 2021

VueJS App with HarperDB

Welcome to Community Posts
Click below to read the full article.
Summary of What to Expect
Table of Contents

We'll be using HarperDB with Vue to create a simple dashboard a user could login to and interact with.

  1. Set up a HarperDB instance by signing up for a free HarperDB Cloud Instance on their website.
  2. Create a new instance in the dashboard by specifying the instance name and authentication details.
  3. Select the specifications for the instance, typically starting with the free tier.
  4. Confirm the details and wait for the instance to be created.
  5. Once the instance is up and running, add a new schema called "staging" and create a "users" table with the primary key "id."
  6. Build a Vue app to display the user table and a button to add new users.
  7. Integrate the Vue app with HarperDB by making API calls to the instance using the HarperDB token.
  8. Use Axios to fetch data from the instance to display the user information in the app's table.