【簡単】VuePressビルド成果物をDeno Deployでホスティングしてみる

.
├── README.md
├── node_modules
├── package.json
├── yarn.lock
├── server <- Denoサーバー
│   ├── deno.jsonc
│   ├── dist <- VuePressビルド成果物
│   └── main.ts
└── src <- VuePressの中身

module.exports = {
  title: '...',
  description: '...',
  dest: 'server/dist',
  locales: {
    '/': {
      lang: 'ja'
    }
  },
  themeConfig: {
    sidebar: [...],
    sidebarDepth: 2,
  },
  markdown: {
    extendMarkdown: md => {
      md.use(require('markdown-it-ruby'))
    }
  }
}

name: Deploy Code

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      id-token: write # This is required to allow the GitHub Action to authenticate with Deno Deploy.
      contents: read
    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: Setup node env
        uses: actions/setup-node@v3
        with:
          node-version: 16
      - name: Install dependencies
        run: yarn
      - name: Build Web Site
        run: yarn build
      - name: Deploy to Deno Deploy
        uses: denoland/deployctl@v1
        with:
          project: sample-aaa
          entrypoint: main.ts
          root: server

import { serve } from "https://deno.land/std@0.167.0/http/server.ts";

serve(async (req) => {
  const { pathname } = new URL(req.url);
  const isHTML = (pathname: string) =>
    !RegExp(/\.[ico|svg|css|js|txt]/).test(pathname);
  const fileName = isHTML(pathname)
    ? `dist${pathname}index.html`
    : `dist${pathname}`;

  try {
    const imgFile = await Deno.open(fileName, { read: true });
    return new Response(imgFile.readable);
  } catch (error) {
    return new Response("404 Not Found", { status: 404 });
  }
});