NuxtHub GitHub Action

Automatically deploy your Nuxt app to NuxtHub using GitHub Actions ☁️🚀

Note

Migrating from v1 to v2

Environment variables and secrets set within NuxtHub Admin are now applied during build time.
Learn more and view the breaking changes on our documentation.

📃 Example workflow

# .github/workflows/nuxt-hub.yml
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
        with:
          version: 10

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

      - name: Install dependencies
        run: pnpm install

      - name: Build & Deploy to NuxtHub
        uses: nuxt-hub/action@v2

⚙️ Inputs

The following input parameters can be provided to the GitHub Action. Learn more about workflow syntax for GitHub Actions on GitHub's documentation.

• directory The directory of the Nuxt application to build. Defaults to ``.

• output-directory The output directory containing the built Nuxt application to deploy, relative to the directory specified in directory. Defaults to dist.

• project-key The project key of the NuxtHub project to deploy to.

🧾 Outputs

This action provides the following outputs that you can use in subsequent workflow steps:

• environment The environment of the deployment (e.g. production, preview).

• deployment-url The URL of the deployment. For preview environments, it links to the deployment of the commit.

  Examples:

  • https://example.nuxt.dev (main)
  • https://abcdefg.example.pages.dev (feat/example)

• branch-url The permanent URL for the current branch deployment. Only available on Pages projects.

  Examples:

  • https://example.nuxt.dev (main)
  • https://feat.example.pages.dev (feat/example)

• environment-url The permanent URL of the environment.

  Examples:

  • https://hello-world-staging.example.workers.dev ('staging' environment)

💚 Contributing

# Install dependencies
pnpm install

# Package the TypeScript for distribution
pnpm run bundle

Development

1. Update src/

2. Format, lint, and build the action

   pnpm run bundle

   It will run tsdown to build the final JavaScript action code with all dependencies included.

Publishing a New Release

This project includes a helper script, script/release designed to streamline the process of tagging and pushing new releases for GitHub Actions.

GitHub Actions allows users to select a specific version of the action to use, based on release tags. This script performs the following steps:

1. Retrieving the latest release tag: The script starts by fetching the most recent SemVer release tag of the current branch, by looking at the local data available in your repository.
2. Prompting for a new release tag: The user is then prompted to enter a new release tag. To assist with this, the script displays the tag retrieved in the previous step, and validates the format of the inputted tag (vX.X.X). The user is also reminded to update the version field in package.json.
3. Tagging the new release: The script then tags a new release and syncs the separate major tag (e.g. v1, v2) with the new release tag (e.g. v1.0.0, v2.1.2). When the user is creating a new major release, the script auto-detects this and creates a releases/v# branch for the previous major version.
4. Pushing changes to remote: Finally, the script pushes the necessary commits, tags and branches to the remote repository. From here, you will need to create a new release in GitHub so users can easily reference the new tags in their workflows.