Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-08 14:43:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: remove SSR for dasboard page

Browse Source
This commit is contained in:
Sonny
2024-11-15 18:42:42 +01:00
parent eac0c135d6
commit 6005374340
5 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
config/inertia.ts
View File

@@ -1,7 +1,9 @@
import { isSSREnableForPage } from '#config/ssr';
import {
PREFER_DARK_THEME,
DARK_THEME_DEFAULT_VALUE,
PREFER_DARK_THEME,
} from '#user/constants/theme';
import logger from '@adonisjs/core/services/logger';
import { defineConfig } from '@adonisjs/inertia';
export default defineConfig({
@@ -32,5 +34,10 @@ export default defineConfig({
ssr: {
enabled: true,
entrypoint: 'inertia/app/ssr.tsx',
pages: (_, page) => {
const ssrEnabled = isSSREnableForPage(page);
logger.debug(`Page "${page}" SSR enabled: ${ssrEnabled}`);
return ssrEnabled;
},
},
});

2
config/ssr.ts Normal file
View File

@@ -0,0 +1,2 @@
export const CSR_ROUTES = ['dashboard'];
export const isSSREnableForPage = (page: string) => !CSR_ROUTES.includes(page);

12
inertia/app/app.tsx
View File

@@ -1,8 +1,9 @@
import { resolvePageComponent } from '@adonisjs/inertia/helpers';
import { createInertiaApp } from '@inertiajs/react';
import { isSSREnableForPage } from 'config-ssr';
import 'dayjs/locale/en';
import 'dayjs/locale/fr';
import { hydrateRoot } from 'react-dom/client';
import { createRoot, hydrateRoot } from 'react-dom/client';
import '../i18n/index';
const appName = import.meta.env.VITE_APP_NAME || 'MyLinks';
@@ -20,6 +21,13 @@ createInertiaApp({
},
setup({ el, App, props }) {
hydrateRoot(el, <App {...props} />);
const componentName = props.initialPage.component;
const isSSREnabled = isSSREnableForPage(componentName);
console.debug(`Page "${componentName}" SSR enabled: ${isSSREnabled}`);
if (isSSREnabled) {
hydrateRoot(el, <App {...props} />);
} else {
createRoot(el).render(<App {...props} />);
}
},
});

5
inertia/tsconfig.json
View File

@@ -6,8 +6,9 @@
"jsx": "react-jsx",
"resolveJsonModule": true,
"paths": {
"~/*": ["./*"]
"~/*": ["./*"],
"config-ssr": ["../config/ssr"]
}
},
"include": ["./**/*.ts", "./**/*.tsx"]
"include": ["./**/*.ts", "./**/*.tsx", "../config/ssr.ts"]
}

5
vite.config.ts
View File

@@ -1,8 +1,8 @@
import { defineConfig } from 'vite';
import { getDirname } from '@adonisjs/core/helpers';
import inertia from '@adonisjs/inertia/client';
import react from '@vitejs/plugin-react';
import adonisjs from '@adonisjs/vite/client';
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
export default defineConfig({
plugins: [
@@ -21,6 +21,7 @@ export default defineConfig({
resolve: {
alias: {
'~/': `${getDirname(import.meta.url)}/inertia/`,
'config-ssr': `${getDirname(import.meta.url)}/config/ssr.ts`,
},
},
});