Skip to main content
Back to All Projects
Web App #module #nuxt #open-source

Nuxt-GSheet

Use Google Sheets as a lightweight CMS or database with server-side proxy security, stampede-proof caching, 5 authentication modes, and a dedicated Nuxt DevTools tab.

2026-08-01
2 min read
Screenshots & Visual Preview1 Screenshots • Click to expand
Nuxt-GSheet
Featured PreviewOpen Preview

Problem & Frontend Security Risks

Google Sheets is frequently used as a fast, accessible CMS for prototypes, product catalogs, and contact directories. However, naive frontend integrations expose private API keys in client-side bundles and frequently hit Google API quota rate limits under traffic spikes.

Nuxt-GSheet solves this by providing a secure Nitro server proxy layer, stampede-protected caching, and end-to-end TypeScript typings.

Technical Architecture & Highlights

The module operates on the Nuxt Nitro server runtime to protect credentials and maximize speed:

  • Server-Side Security Proxy: Google Service Account credentials and API keys remain strictly server-side, never exposed to client bundles.
  • Stampede-Proof Caching: Cache lock mechanism prevents thundering herd API requests during cache revalidation cycles.
  • 5 Authentication Modes: Supports Public Sheets, API Keys, Service Accounts, OAuth2, and Key Files.
  • Dedicated Nuxt DevTools Tab: Native DevTools panel to inspect active sheet data, schemas, and cache states during development.

Enabling the built-in Nitro cache layer delivers sub-10ms response times by serving structured table rows directly from server memory or KV storage.

Quick Configuration Example

nuxt.config.tsts
export default defineNuxtConfig({
  modules: ['nuxt-gsheet'],

  gsheet: {
    sheets: {
      products: '1BxiMVs0XRA5nFMd****************************'
    },
    cache: {
      enabled: true,
      maxAge: 300 // Cache for 5 minutes
    }
  }
})

Core Capabilities

  • Type-Safe Composables: Native useGSheet composable with inferred TypeScript types for table columns.
  • AI-Agent & MCP Ready: Built-in support for Model Context Protocol agents to read and analyze spreadsheet data.
  • Multi-Cloud Ready: Verified compatibility across Node.js, Vercel, and Cloudflare Workers runtime environments.