NuxtHub

https://hub.nuxt.com/v0.10/docs
Admin
NuxtHub is a Nuxt module that provides all the features needed to build and deploy full-stack...
Tokens:842
Snippets:10
Trust Score:9.9
Update:7 months ago
Show doc for...
Tokens:
Raw
### File Uploads and Serving with Blob Storage

Source: https://hub.nuxt.com/v0.10/docs/index

Shows how to upload, list, and serve files using NuxtHub's blob storage. It includes validation for uploaded data and requires the 'hub:blob' module. Files can be uploaded with specified access levels and listed with prefixes.

```typescript
import { blob } from 'hub:blob'

// Ensure the blob is valid
ensureBlob(imageData, { maxSize: '1MB', types: ['image'] })

// Upload files with ease
const file = await blob.put('avatars/user-1.png', imageData, {
access: 'public'
})

// List avatars
const avatars = await blob.list({ prefix: 'avatars/', limit: 10 })

// Serve the avatar with streaming
return blob.serve(event, 'avatars/atinux.png')

```

--------------------------------

### Key-Value Storage with TTL Support

Source: https://hub.nuxt.com/v0.10/docs/index

Illustrates storing and retrieving data using NuxtHub's KV storage, which is globally replicated. It supports setting data with a Time-To-Live (TTL) for automatic expiration and requires the '@nuxthub/kv' package.

```typescript
import { kv } from '@nuxthub/kv'

// Store and retrieve any data
await kv.set('user:1:session', { token, expiresAt })

const session = await kv.get('user:1:session')

// With TTL support
await kv.set('rate-limit:ip', count, { ttl: 60 })

```

--------------------------------

### Type-Safe Database Queries with Drizzle ORM

Source: https://hub.nuxt.com/v0.10/docs/index

Demonstrates type-safe database queries, insertions, and ordering using Drizzle ORM with NuxtHub's database integration. It requires the 'drizzle-orm' package and '@nuxthub/db'.

```typescript
import { eq, desc } from 'drizzle-orm'
import { db, schema } from '@nuxthub/db'

// Type-safe queries with Drizzle ORM
const todos = await db.query.todos.findMany({
where: eq(schema.todos.completed, false),
orderBy: [desc(schema.todos.createdAt)]
})

// Insert with automatic type inference
await db.insert(schema.todos).values({
title: 'Ship my app',
completed: false,
})

```

--------------------------------

### Caching API Responses and Functions

Source: https://hub.nuxt.com/v0.10/docs/index

Demonstrates caching Nuxt page responses, API routes, and server functions on the Edge. It uses `defineCachedEventHandler` for route caching and `defineCachedFunction` for function caching, with configurable `maxAge`.

```typescript
// Cache API responses for 1 hour
export default defineCachedEventHandler(async () => {
const data = await $fetch('https://api.example.com')
return data
}, { maxAge: 60 * 60 })

// Or cache any function
const getStats = defineCachedFunction(fetchStats, {
maxAge: 60 * 5,
})

```
Tokens:
Raw