Build an ideas tracker with Vue.js

Create project

Head to the Appwrite Console.

If this is your first time using Appwrite, create an account and create your first project.

Then, under Add a platform, add a Web app. The Hostname should be localhost.

You can skip optional steps.

Initialize Appwrite SDK

To use Appwrite in our Vue app, we'll need to find our project ID. Find your project's ID in the Settings page.

Create a new file src/appwrite.js to hold our Appwrite related code. Only one instance of the Client() class should be created per app. Add the following code to it, replacing <PROJECT_ID> with your project ID.

import { Client, Databases, Account } from "appwrite";

const client = new Client();
client
  .setEndpoint("https://cloud.appwrite.io/v1")
  .setProject("<PROJECT_ID>"); // Replace with your project ID

export const account = new Account(client);
export const databases = new Databases(client);