Remixで動的サイトマップを作成する方法
Remixでは以下のパッケージを使ってサイトマップを作るのがメジャーなようだ。
nasa-gcn/remix-seo: Collection of SEO utilities like sitemap, robots.txt, etc. for a Remix application. Forked from https://github.com/balavishnuvj/remix-seo
しかし以下のissueのように、usageのままだとViteでエラーが出る。
Can't use server-side code to get sitemap entries · Issue #17 · nasa-gcn/remix-seo (github.com)
vite-env-onlyを使うと良いと書かれているが、実際にはこのままだとだめで、vite.config.tsを以下のように変更してから
// vite.config.ts
import { defineConfig } from "vite"
import { envOnlyMacros } from "vite-env-only"
export default defineConfig({
plugins: [envOnlyMacros()],
})
使用箇所で以下のようにすると良い
import { serverOnly$ } from "vite-env-only/macros";
2
0