Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-14 01:05:49 +01:00
Code Issues Packages Projects Releases Activity

website: add a GitHub social button to the site's header

Browse Source
This commit is contained in:
Adorian Doran
2025-10-03 19:09:23 +03:00
parent 30f530abdb
commit 7657e17373
4 changed files with 47 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/website/src/index.tsx
View File

@@ -1,17 +1,17 @@
import { LocationProvider, Router, Route, hydrate, prerender as ssr } from 'preact-iso';
import './style.css';
import { getRepoStargazersCount } from './github-utils.js';
import { Header } from './components/Header.jsx';
import { Home } from './pages/Home/index.jsx';
import { LocationProvider, Router, Route, hydrate, prerender as ssr } from 'preact-iso';
import { NotFound } from './pages/_404.jsx';
import './style.css';
import Footer from './components/Footer.js';
import GetStarted from './pages/GetStarted/get-started.js';
import SupportUs from './pages/SupportUs/SupportUs.js';
export function App() {
export function App(props: {repoStargazersCount: number}) {
return (
<LocationProvider>
<Header />
<Header repoStargazersCount={props.repoStargazersCount} />
<main>
<Router>
<Route path="/" component={Home} />
@@ -26,9 +26,15 @@ export function App() {
}
if (typeof window !== 'undefined') {
hydrate(<App />, document.getElementById('app')!);
hydrate(<App repoStargazersCount={1000} />, document.getElementById('app')!);
}
export async function prerender(data) {
return await ssr(<App {...data} />);
// Fetch the stargazer count of the Trilium's GitHub repo on prerender to pass
// it to the App component for SSR.
// This ensures the GitHub API is not called on every page load in the client.
const stargazersCount = await getRepoStargazersCount();
return await ssr(<App repoStargazersCount={stargazersCount} {...data} />);
}