From 326cad3535f09552d6d97da4f7b3f2b463bae736 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fran=C3=A7ois=20M=2E?= Date: Wed, 30 Jul 2025 15:07:12 +0200 Subject: [PATCH 1/2] Use vue/server-renderer instead of @vue/server-renderer for SSR --- resources/js/Pages/server-side-rendering.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/resources/js/Pages/server-side-rendering.jsx b/resources/js/Pages/server-side-rendering.jsx index 000059db..a33a099e 100644 --- a/resources/js/Pages/server-side-rendering.jsx +++ b/resources/js/Pages/server-side-rendering.jsx @@ -71,7 +71,7 @@ export default function () { name: 'Vue', language: 'bash', code: dedent` - npm install @vue/server-renderer + npm install vue/server-renderer `, }, { @@ -113,7 +113,7 @@ export default function () { code: dedent` import { createInertiaApp } from '@inertiajs/vue3' import createServer from '@inertiajs/vue3/server' - import { renderToString } from '@vue/server-renderer' + import { renderToString } from 'vue/server-renderer' import { createSSRApp, h } from 'vue' createServer(page => From 61a36cf4fa4697ac5e4cf2320ae1eafaeb237bc6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fran=C3=A7ois=20M=2E?= Date: Mon, 1 Sep 2025 10:32:58 +0200 Subject: [PATCH 2/2] No dependencies should for Vue --- resources/js/Pages/server-side-rendering.jsx | 32 -------------------- 1 file changed, 32 deletions(-) diff --git a/resources/js/Pages/server-side-rendering.jsx b/resources/js/Pages/server-side-rendering.jsx index 4df0d0e2..9addfd3d 100644 --- a/resources/js/Pages/server-side-rendering.jsx +++ b/resources/js/Pages/server-side-rendering.jsx @@ -20,7 +20,6 @@ export const meta = { title: 'Server-side rendering (SSR)', links: [ { url: '#laravel-starter-kits', name: 'Laravel starter kits' }, - { url: '#install-dependencies', name: 'Install dependencies' }, { url: '#add-server-entry-point', name: 'Add server entry-point' }, { url: '#setup-vite-js', name: 'Setup Vite' }, { url: '#update-npm-script', name: 'Update npm script' }, @@ -59,37 +58,6 @@ export default function () { }, ]} /> -

Install dependencies

-

- If you are not using a Laravel starter kit and would like to manually configure SSR, we'll first install the - additional dependencies required for server-side rendering. This is only necessary for the Vue adapters, so you - can skip this step if you're using React or Svelte. -

-

Add server entry-point

Next, we'll create a resources/js/ssr.js file within our Laravel project that will serve as our SSR