How to serve a static html file on a specific endpoint while also caching it on CF?

❗unsolved

I know how the assets binding works, but is it correct when I use the binding and fetch the asset and return it on the HonoHandler?

I found this code snippet, is this the correct way?

import { Hono } from 'hono'
import { cache } from 'hono/cache'

type Bindings = {
  ASSETS: Fetcher
}

const app = new Hono<{ Bindings: Bindings }>()

// Serve static HTML with caching
app.get(
  '/my-page',
  cache({
    cacheName: 'my-app',
    cacheControl: 'max-age=3600', // Cache for 1 hour
  }),
  async (c) => c.env.ASSETS.fetch('/file.html')
)

import { Hono } from 'hono'
import { cache } from 'hono/cache'

type Bindings = {
  ASSETS: Fetcher
}

const app = new Hono<{ Bindings: Bindings }>()

// Serve static HTML with caching
app.get(
  '/my-page',
  cache({
    cacheName: 'my-app',
    cacheControl: 'max-age=3600', // Cache for 1 hour
  }),
  async (c) => c.env.ASSETS.fetch('/file.html')
)

Hono•2mo ago•

11 replies

LukeZ

How to serve a static html file on a specific endpoint while also caching it on CF?

❗unsolved

I know how the assets binding works, but is it correct when I use the binding and fetch the asset and return it on the HonoHandler?

I found this code snippet, is this the correct way?

import { Hono } from 'hono'
import { cache } from 'hono/cache'

type Bindings = {
  ASSETS: Fetcher
}

const app = new Hono<{ Bindings: Bindings }>()

// Serve static HTML with caching
app.get(
  '/my-page',
  cache({
    cacheName: 'my-app',
    cacheControl: 'max-age=3600', // Cache for 1 hour
  }),
  async (c) => c.env.ASSETS.fetch('/file.html')
)

import { Hono } from 'hono'
import { cache } from 'hono/cache'

type Bindings = {
  ASSETS: Fetcher
}

const app = new Hono<{ Bindings: Bindings }>()

// Serve static HTML with caching
app.get(
  '/my-page',
  cache({
    cacheName: 'my-app',
    cacheControl: 'max-age=3600', // Cache for 1 hour
  }),
  async (c) => c.env.ASSETS.fetch('/file.html')
)

How to serve a static html file on a specific endpoint while also caching it on CF?

Similar Threads

How to serve a static html file on a specific endpoint while also caching it on CF?

Similar Threads

Similar Threads

Similar Threads