React + Vite + vikeでプリレンダリングを有効にする

React + Vite + vikeでプリレンダリングを有効にする

vikeをインストールします。

npm i vike

vite.config.tsを変更します。

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import vike from 'vike/plugin'; // 追加

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    vike({ prerender: true }) // 追加
  ]
})

参考サイト

React Tour | Vike
Like Next.js/Nuxt but as do-one-thing-do-it-well Vite plugin.
prerender | Vike
Like Next.js/Nuxt but as do-one-thing-do-it-well Vite plugin.
Pre-rendering (SSG) | vite-plugin-ssr

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました