This feature is useful for working with your production or staging database, KV and blob storage during development.

When opening the [Nuxt DevTools](https://devtools.nuxt.com) of your project, you will notice new tabs:

NuxtHub adds a UI to administrate your SQL database (powered by [Drizzle Studio](https://orm.drizzle.team/drizzle-studio/overview)), KV and Blob storage as well as your server cache.

- Monitor your application with logs and analytics

::a{href="https://admin.hub.nuxt.com" target="_blank"}

::

You can sign up for free and start building full-stack Nuxt applications at [admin.hub.nuxt.com](https://admin.hub.nuxt.com).

As of today, NuxtHub works like this:

This is only the beginning as we plan to support more Cloudflare primitives in the future:

- `Shift + Option + D` shortcut or clicking on the Nuxt logo in the botttom of the screen

- The look for the **Hub Blob** tab (you can also use `CTRL + K` to open the search bar and type `Blob`)

Or go to https://admin.hub.nuxt.com and select your project.

Before starting, I took a look at [Cloudflare's multi modal playground](https://multi-modal.ai.cloudflare.com/) and played with some models.

This guided me to the following models:

- [LLaVA](https://developers.cloudflare.com/workers-ai/models/llava-1.5-7b-hf/) for the alternative text generation

When viewing your blobs in the [NuxtHub admin](https://admin.hub.nuxt.com), you will now see a folder structure:

::callout{icon="i-lucide-heart"}

Thank you to [Gerben Mulder](https://github.com/Gerbuuun) for suggesting this feature on [nuxt-hub/core#101](https://github.com/nuxt-hub/core/issues/101).

[Cloudflare Access](https://www.cloudflare.com/zero-trust/products/access/) allows you to secure your web applications by restricting who can reach your application by applying configured identity-aware Access policies. Cloudflare Access is part of [Cloudflare's Zero Trust](https://www.cloudflare.com/plans/zero-trust-services/) offerings.

We're excited to introduce automatic [database migrations](/docs/features/database#database-migrations) in NuxtHub.

[→ Deploy the Todo App template](https://admin.hub.nuxt.com/new?template=atidone)

::note{to="/docs/features/database#database-migrations"}

Learn more about database migrations in our **full documentation**.

The button is designed to be used in the README of a GitHub repository, documentations or any other place where you want to allow users to deploy your project with one click.

We are excited to announce that we have added a new page to NuxtHub: **Deployment Details**!

You can now access more information about each deployment such as:

- **Details:** Status, Branch, Commit and more

Once setup, NuxtHub will automatically comment on pull requests with branch URLs, permalinks and QR codes for easy preview access.

NuxtHub also integrates with GitHub's deployment system, including status updates and environment tracking.

This includes GitHub Deployments support in pull requests.

And many more:

- **Deployment Protection**: Support for GitHub's deployment protection rules which enable approval workflows and environment restrictions ([learn more on GitHub's documentation](https://docs.github.com/en/actions/managing-workflow-runs-and-deployments/managing-deployments/managing-environments-for-deployment#deployment-protection-rules))

Thanks to the new GitHub App, you can now clone a template from NuxtHub Admin and deploy it with a single click.

The repository will be created in your GitHub account with the GitHub Actions workflow already configured.

We are excited to introduce [`hubVectorize()`](/docs/features/vectorize), which gives you access to a globally distributed vector database from Nuxt. Paired with [`hubAI()`](/docs/features/ai), it makes Nuxt a perfect framework for easily building full-stack AI-powered applications.

1. read the `dist/hub.config.json` file and generate a local `dist/wrangler.toml` file

2. start the server using the `wrangler pages dev` command within the `dist/` director

We are excited to announce that we have added a new page to your NuxtHub project: **Server Cache**!

It works with:

- [`cachedEventHandler`](https://nitro.unjs.io/guide/cache#cached-event-handlers)

We also added the possibility to add a name to the webhook for better identification.

::callout{icon="i-lucide-webhooks" to="/changelog/team-webhooks"}

Learn more about team webhooks.

They allow you to get notified about your project deployments. You can use them to trigger custom actions, like sending notifications to your team's chat, updating your project management tool and more.

To create a webhook, go to your team settings and click on the "Webhooks" tab. You can then add a new webhook by providing an endpoint and selecting the events you want to trigger the webhook for.

We have also added built-in integrations for [Slack Incoming Webhooks](https://api.slack.com/messaging/webhooks) and [Discord Webhooks](https://support.discord.com/hc/en-us/articles/228383668-Intro-to-Webhooks).

When pasting a webhook URL from these services, we will automatically send a pre-formatted message to your channel or user.

::callout{icon="i-lucide-heart"}

Thank you to [Israel Ortuno](https://github.com/IsraelOrtuno) for suggesting this feature on [nuxt-hub/core#102](https://github.com/nuxt-hub/core/issues/102).

:::div{label="Projects"}

:::

:::div{label="Deployments"}

:::

:::div{label="Database"}

:::

:::div{label="KV"}

:::

:::div{label="Blob"}

:::

:::div{label="Logs"}

:::

:::div{label="Open API"}

:::

:::div{label="Cache"}

:::

::

:::div{label="Database"}

:::

:::div{label="KV"}

:::

:::div{label="Blob"}

:::

::

::div{label="Deployments"}

::

::div{label="Deployment Details"}

::

::

After deploying from a pull request, NuxtHub automatically adds a comment with information about the deployment.

You can customise the workflow to tailor to any specific custom DevOps requirements.

description: Access your remote data locally or from external Nuxt projects with our secured proxy.

One of the main features of NuxtHub is the ability to access your remote storage from your local environment or from external Nuxt projects. This is made possible by our secured proxy system.