More Premium Hugo Themes Premium Nuxt Themes

Nuxt Appwrite

Easily connect Appwrite to Nuxt

Nuxt Appwrite

Easily connect Appwrite to Nuxt

Author Avatar Theme by hrdtr
Github Stars Github Stars: 65
Last Commit Last Commit: Feb 27, 2025 -
First Commit Created: Dec 18, 2023 -
Nuxt Appwrite screenshot

Overview:

The nuxt-appwrite module is a self-hosted solution that provides developers with an easy-to-use and integrate REST API to manage their backend needs. It is designed to connect Appwrite SDKs to Nuxt more easily.

Features:

  • Easy Integration: Allows developers to easily integrate Appwrite SDKs with Nuxt projects.
  • API Endpoint: Developers can specify the Appwrite API endpoint for their project.
  • Project ID: Developers can specify the Appwrite project ID for their project.

Installation:

To install nuxt-appwrite, follow these steps:

  1. Add the nuxt-appwrite dependency to your project:
npm install nuxt-appwrite
  1. Add nuxt-appwrite to the modules section of your nuxt.config.js file:
{
  modules: [
    'nuxt-appwrite'
  ],
  appwrite: {
    endpoint: 'https://cloud.appwrite.io/v1', // specify your Appwrite API endpoint
    project: 'YOUR_PROJECT_ID' // specify your Appwrite project ID
  }
}
  1. Use the useAppwrite composable in your Nuxt project to interact with Appwrite:
import { useAppwrite } from 'nuxt-appwrite'

export default {
  async mounted() {
    const { data } = await useAppwrite().createDocument('collectionId', { title: 'My Document' })
    console.log(data)
  }
}

Note: The above example demonstrates creating a document in a collection. You will need to customize it according to your project requirements.

Summary:

The nuxt-appwrite module provides an easy way to integrate Appwrite SDKs with Nuxt projects. By specifying the API endpoint and project ID, developers can manage their backend needs seamlessly.