membuat inertia menjadi server side rendering

createServer(page => createInertiaApp({ page, render: renderToString, resolve: name => { const pages = import.meta.glob('./Pages/**/*.vue', { eager: true }) return pages[./Pages/NULL.vue] }, setup({ App, props, plugin }) { return createSSRApp({ render: () => h(App, props), }).use(plugin) }, }), )Config ViteSelanjutnya, kita perlu memperbarui konfigurasi Vite kita untuk membangun ssr.js file baru kita. Kita dapat melakukan ini dengan menambahkan ssr properti ke konfigurasi plugin Vite Laravel di vite.config.js file kita.export default defineConfig({ plugins: [ laravel({ input: ['resources/css/app.css', 'resources/js/app.js'],

  • ssr: 'resources/js/ssr.js',
    refresh: true,
    }), // ... ], })Update npm scriptSelanjutnya, mari perbarui build skrip di package.json file kita untuk juga membangun file baru kita. ssr.js"scripts": { "dev": "vite",
  • "build": "vite build"
  • "build": "vite build && vite build --ssr" },kemudian jalan kan perintah berikut, jika menjalankan perintah ini anda tidak perlu menjalankan npm run devnpm run buildRunning the SSR servernamun jika anda ingin setiap project di jalankan menggunakan SSR anda bisa menjalankan perintah iniphp artisan inertia:start-ssrsehingga project anda berjalan di sisi server

Komentar

Ada 0 komentar pada episode ini.