open-index/open-npm huggingface dataset:
npm package: @maher.pk/ghost-gcs-adapter
Description: Google Cloud Storage Adapter for Ghost v3
Latest version: 0.0.8

# Google Cloud Storage Adapter for Ghost

Storage adapter to upload your media (images, videos) to [Google Cloud Storage](https://cloud.google.com/storage/) (in short, GCS).

Read more about Ghost's storage adapters in
[the official documentation](https://ghost.org/docs/concepts/storage-adapters/).

## Installation

```sh
cd [your/ghost/root/directory]

# Create the GCS storage adapter directory
mkdir -p content/adapters/storage/gcs

# No need for --save as we will move the content to a different folder
npm install @maher.pk/ghost-gcs-adapter

# Move the GCS storage adapter to the correct location so Ghost can find it
mv node_modules/@maher.pk/ghost-gcs-adapter/* content/adapters/storage/gcs/
```

Note: We named the storage adapter **gcs**; it's simpler to work with.

## Configuration

### Create a Google Cloud Storage bucket

Please refer to [the official documentation](https://cloud.google.com/storage/docs/creating-buckets).

### Ghost config file

Open your `config.[env].json` in the Ghost root directory and add a `storage` section.

```json
"storage": {
  "active": "gcs",
  "gcs": {
    "bucket": "your-gcs-bucket-name",
    "keyFilename": "path-to-your-service-account.json",
    "cdn": "optional-cdn-domain"
  }
}
```

**bucket**: Required.

**keyFilename**: Not required if Ghost is hosted on GCP.

**cdn**: Optional. If you use a CDN, this is the CDN base URL.
npm package: @maherbold/graphql-js
Description: Nhost GraphQL client
Author: Nhost
Latest version: 0.3.0

<h1 align="center">@nhost/graphql-js</h1>
<h2 align="center">Nhost GraphQL client</h2>

<p align="center">
  <img alt="npm" src="https://img.shields.io/npm/v/@nhost/graphql-js">
  <img alt="npm" src="https://img.shields.io/npm/dm/@nhost/graphql-js">
  <a href="LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-yellow.svg" alt="license: MIT" />
  </a>
</p>

Nhost GraphQL client.

## Documentation

[https://docs.nhost.io/reference/javascript/graphql](https://docs.nhost.io/reference/javascript/graphql)
npm package: @maherbold/hasura-auth-js
Description: Hasura-auth client
Author: Nhost
Latest version: 2.10.3

<h1 align="center">@nhost/hasura-auth-js</h1>
<h2 align="center">Hasura Auth SDK</h2>

<p align="center">
  <img alt="npm" src="https://img.shields.io/npm/v/@nhost/hasura-auth-js">
  <img alt="npm" src="https://img.shields.io/npm/dm/@nhost/hasura-auth-js">
  <a href="LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-yellow.svg" alt="license: MIT" />
  </a>
</p>

Hasura JS SDK to handle **Auth** with [Hasura](https://hasura.io/).

## Install

`$ npm install @nhost/hasura-auth-js`

## Documentation

[https://docs.nhost.io/reference/javascript/auth](https://docs.nhost.io/reference/javascript/auth)
npm package: @maherbold/hasura-storage-js
Description: Hasura-storage client
Author: Nhost
Latest version: 2.7.0

<h1 align="center">@nhost/hasura-storage-js</h1>
<h2 align="center">Hasura Storage SDK</h2>

<p align="center">
  <img alt="npm" src="https://img.shields.io/npm/v/@nhost/hasura-storage-js">
  <img alt="npm" src="https://img.shields.io/npm/dm/@nhost/hasura-storage-js">
  <a href="LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-yellow.svg" alt="license: MIT" />
  </a>
</p>

Hasura JavaScript SDK to handle **Storage** with [Hasura](https://hasura.io/).

## Install

`$ npm install @nhost/hasura-storage-js`

## Documentation

[https://docs.nhost.io/reference/javascript/storage](https://docs.nhost.io/reference/javascript/storage)
npm package: @maherbold/nhost-js
Description: Nhost JavaScript SDK
Author: Nhost
Latest version: 3.2.5

<h1 align="center">@nhost/nhost-js</h1>
<h2 align="center">Nhost JavaScript SDK</h2>

<p align="center">
  <img alt="npm" src="https://img.shields.io/npm/v/@nhost/nhost-js">
  <img alt="npm" src="https://img.shields.io/npm/dm/@nhost/nhost-js">
  <a href="LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-yellow.svg" alt="license: MIT" />
  </a>
</p>

## Documentation

[Reference documentation](https://docs.nhost.io/reference/javascript)

## Install

```
npm install @nhost/nhost-js

# or yarn
yarn add @nhost/nhost-js
```

### Initialise

```js
import { NhostClient } from '@nhost/nhost-js'

const nhost = new NhostClient({
  subdomain: '<Your Nhost project subdomain>',
  region: '<Your Nhost project region>'
})
```

## Features

### GraphQL

Access Nhost GraphQL methods using `nhost.graphql`.

### Authentication

Access Nhost Auth methods using `nhost.auth`.

### Storage

Access Nhost Storage methods using `nhost.storage`.

### Functions

Access Nhost Functions methods via `nhost.functions`.
npm package: @maherbold/react
Description: Nhost React library
Author: Nhost
Latest version: 3.9.5

# Nhost React

The Nhost React client exports a React provider, hooks, and helpers that make it easier to work with Nhost in your React app. If you're using React with Next.js, you should use the [Nhost Next.js client](/reference/nextjs).

## Documentation

- [Quickstart](https://docs.nhost.io/platform/quickstarts/react)
- [Reference documentation](https://docs.nhost.io/reference/react)

## Install

Install the Nhost React client together with GraphQL:

```bash
# With npm
npm install @nhost/react graphql

# With Yarm
yarn add @nhost/react graphql
```

## Initialise

Initialize a single `nhost` instance and wrap your app with the `NhostReactProvider`.

```jsx title=src/App.tsx
import React from 'react'
import ReactDOM from 'react-dom'

import { NhostClient, NhostReactProvider } from '@nhost/react'

import App from './App'

const nhost = new NhostClient({
  subdomain: '<Your Nhost app subdomain>',
  region: '<Your Nhost app region>'
})

ReactDOM.render(
  <React.StrictMode>
    <NhostReactProvider nhost={nhost}>
      <App />
    </NhostReactProvider>
  </React.StrictMode>,
  document.getElementById('root')
)
```