# Create
npm create nuxt@latest nuxt4-oneclick
cd nuxt4-oneclick

# Install deps
npm install

# Dev server
npm run dev

// nuxt.config.ts
export default defineNuxtConfig({
  typescript: {
    strict: true
  },
  nitro: {
    // Explicit for clarity; this is the default production preset for Nuxt 4
    preset: 'node-server'
  },
  devtools: { enabled: true }
})

<!-- pages/index.vue -->
<script setup lang="ts">
const now = new Date().toLocaleString()
</script>

<template>
  <main class="p-8 font-sans">
    <h1>Nuxt 4 One‑Click Deploy ✅</h1>
    <p>Rendered at: {{ now }}</p>
  </main>
</template>

<style>
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; }
</style>

# Dockerfile

# ---- Builder ----
FROM node:22-alpine AS builder
ENV NODE_ENV=production
WORKDIR /app

# Install dependencies using a frozen lockfile for repeatability
COPY package*.json ./
RUN npm ci

# Copy sources and build
COPY . .
RUN npm run build

# ---- Runtime ----
FROM node:22-alpine AS runtime
ENV NODE_ENV=production
WORKDIR /app

# Copy Nitro output
COPY --from=builder /app/.output ./.output

# If Nitro emitted external deps, install them (no-op if not present)
RUN if [ -f .output/server/package.json ]; then \
      cd .output/server && npm ci --omit=dev; \
    fi

EXPOSE 3000
# Nitro reads PORT or NITRO_PORT
ENV PORT=3000

CMD ["node", ".output/server/index.mjs"]

docker build -t nuxt4-oneclick:local .
docker run --rm -p 3000:3000 nuxt4-oneclick:local
# Visit http://localhost:3000

# deploy/compose.yaml
name: nuxt-oneclick
services:
  web:
    image: ghcr.io/<OWNER>/<REPO>:latest
    ports:
      - "80:3000"
    environment:
      - NODE_ENV=production
      - PORT=3000
    restart: unless-stopped
    pull_policy: always

mkdir -p deploy
git add Dockerfile deploy/compose.yaml nuxt.config.ts pages/index.vue
git commit -m "chore: dockerize and add compose"
git push

name: One-Click Deploy

on:
  workflow_dispatch:

permissions:
  contents: read
  packages: write

env:
  REGISTRY: ghcr.io
  IMAGE_NAME: ghcr.io/${{ github.repository }}

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout
        uses: actions/checkout@v4

      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v3

      - name: Log in to GHCR
        uses: docker/login-action@v3
        with:
          registry: ghcr.io
          username: ${{ github.actor }}
          password: ${{ secrets.GITHUB_TOKEN }}

      - name: Extract Docker metadata
        id: meta
        uses: docker/metadata-action@v5
        with:
          images: ${{ env.IMAGE_NAME }}
          tags: |
            type=raw,value=latest
            type=sha

      - name: Build and push
        uses: docker/build-push-action@v6
        with:
          context: .
          file: ./Dockerfile
          push: true
          platforms: linux/amd64
          tags: ${{ steps.meta.outputs.tags }}
          labels: ${{ steps.meta.outputs.labels }}

      - name: Deploy via SSH
        uses: appleboy/ssh-action@v1.0.3
        with:
          host: ${{ secrets.SSH_HOST }}
          username: ${{ secrets.SSH_USER }}
          key: ${{ secrets.SSH_KEY }}
          script_stop: true
          script: |
            set -euo pipefail
            mkdir -p ~/apps/nuxt-oneclick/deploy
            # Write/overwrite compose file from the repo version
            cat > ~/apps/nuxt-oneclick/deploy/compose.yaml <<'YAML'
            name: nuxt-oneclick
            services:
              web:
                image: ${{ env.IMAGE_NAME }}:latest
                ports:
                  - "80:3000"
                environment:
                  - NODE_ENV=production
                  - PORT=3000
                restart: unless-stopped
                pull_policy: always
            YAML
            cd ~/apps/nuxt-oneclick/deploy
            docker compose pull
            docker compose up -d
            docker image prune -f