core icon indicating copy to clipboard operation
core copied to clipboard

NuxtHub error on database and live logs

Open jcjp opened this issue 3 months ago • 2 comments

Describe the bug

Getting bunch of errors for the following but ultimately

  1. Unable to connect NuxtHub database to Cloudflare D1 Database with CF Workers + Zero Trust
Cloudflare Access not configured
Learn more about using Cloudflare Access with NuxtHub on our docs.
  1. Unable to see live logs getting an error of the following:
Could not connect to live logs
If the problem persists, please contact support at [email protected]

Nuxt info:

- Operating System: `Linux`
- Node Version:     `v22.17.1`
- Nuxt Version:     `4.1.2`
- CLI Version:      `3.28.0`
- Nitro Version:    `2.12.6`
- Package Manager:  `[email protected]`
- Builder:          `-`
- User Config:      `modules`, `devtools`, `css`, `compatibilityDate`, `hub`, `nitro`, `vite`, `eslint`
- Runtime Modules:  `@nuxt/[email protected]`, `@nuxt/[email protected]`, `@nuxthub/[email protected]`, `[email protected]`, `@pinia/[email protected]`, `@pinia/[email protected]`
- Build Modules:    `-`

Nuxt config:

modules: [
  '@nuxt/ui',
  '@nuxt/eslint',
  '@nuxthub/core',
  'nuxt-auth-utils',
  '@pinia/nuxt',
  '@pinia/colada-nuxt'
],

devtools: {
  enabled: true
},

css: ['~/assets/css/main.css'],

compatibilityDate: '2025-07-15',

hub: {
  database: true,
  workers: true,
},

Already followed the instructions on NuxtHub documentation but it still does not connect both. I tried deploying using the CLI but getting an error of version mismatch NuxtHub is @undefined while local is on 0.9.0.

I also tried updating the GHA script to this:

name: Deploy to NuxtHub
on: push

jobs:
  deploy:
    name: "Deploy to NuxtHub"
    runs-on: ubuntu-latest
    permissions:
      contents: read
      id-token: write

    steps:
      - uses: actions/checkout@v4

      - name: Install pnpm
        uses: pnpm/action-setup@v4

      - name: Install Node.js
        uses: actions/setup-node@v4
        with:
          node-version: 22
          cache: 'pnpm'

      - name: Install dependencies
        run: pnpm install

      - name: Ensure NuxtHub module is installed
        run: pnpx nuxthub@latest ensure

      - name: Build & Deploy to NuxtHub
        uses: nuxt-hub/action@v2
        with:
          project-key: ${{ secrets.PROJECT_KEY }}

[!NOTE] I added the project-key as literal value but I get an error of project not found using secrets.PROJECT_KEY results to the same behavior when deploying on CLI and not yet connected to Github via NuxtHub. The only thing that work is using NuxtHub interface and connect it using Git. I don't have WARP installed, this must be related to zero trust blocking the Nuxthub admin accessing the database and live logs.

Steps to reproduce

Steps to reproduce the behavior:

  1. Create a new NuxtHub project deploy as CF Worker
  2. Connect NuxtHub to CF access and secret
  3. Enable zero trust on your website on CF (Follow instructions on NuxtHub)
  4. Try accessing logs or database it shows an error

Expected behavior

It should be able to view the database from NuxtHub admin and also see live logs without any errors

jcjp avatar Oct 05 '25 07:10 jcjp

Could you share your Cloudflare Access configuration? I believe the service token is not correctly set to bypass on the Access application.

RihanArfan avatar Oct 08 '25 02:10 RihanArfan

Could you share your Cloudflare Access configuration? I believe the service token is not correctly set to bypass on the Access application.

Here is my application policy, my service auth action is set to "Service Auth" I could see another item here like "Allow" or "Bypass".

REDACTED

UPDATE: After changing the type to "Bypass" the database works, however the live logs still shows an error.

jcjp avatar Oct 10 '25 06:10 jcjp

With the introduction of NuxtHub v0.10 which supports multiple clouds, we're sunsetting NuxtHub Admin. You can use the Cloudflare dashboard to view deployment logs, and observability for historic ones if enabled. From personal experience, Cloudflare deployment logs can be hit or miss with the websocket (that NuxtHub Admin uses to view them) sometimes simply not returning any data.

RihanArfan avatar Dec 11 '25 02:12 RihanArfan