fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-21 14:17:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Inferno helmet SSR.

Browse source
This commit is contained in:
Dessalines 2020-09-10 23:03:01 -05:00
parent fce2d73958
commit d909ec8096
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/server/index.tsx
View file

@ -12,6 +12,7 @@ import IsomorphicCookie from 'isomorphic-cookie';
import { lemmyHttp, setAuth } from '../shared/utils';
import { GetSiteForm, GetSiteResponse } from 'lemmy-js-client';
import process from 'process';
import { Helmet } from 'inferno-helmet';
const server = express();
const port = 1234;
@ -65,12 +66,19 @@ server.get('/*', async (req, res) => {
return res.redirect(context.url);
}
const root = renderToString(wrapper);
const helmet = Helmet.renderStatic();
res.send(`
<!DOCTYPE html>
<html lang="en">
<html ${helmet.htmlAttributes.toString()} lang="en">
<head>
<script>window.isoData = ${serialize(isoData)}</script>
${helmet.title.toString()}
${helmet.meta.toString()}
${helmet.link.toString()}
<!-- Required meta tags -->
<meta name="Description" content="Lemmy">
<meta charset="utf-8">
@ -89,14 +97,14 @@ server.get('/*', async (req, res) => {
<link rel="stylesheet" type="text/css" href="/static/assets/css/themes/darkly.min.css" id="default-dark" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: dark)" />
</head>
<body>
<body ${helmet.bodyAttributes.toString()}>
<noscript>
<nav class="navbar fixed-bottom navbar-light bg-light">
Javascript is disabled. Actions will not work.
</nav>
</noscript>
<div id='root'>${renderToString(wrapper)}</div>
<div id='root'>${root}</div>
<script src='/static/js/client.js'></script>
</body>
</html>

2
webpack.config.js
View file

@ -49,7 +49,7 @@ module.exports = function (env, _) {
// server-specific configuration
if (env.platform === 'server') {
base.target = 'node';
base.externals = [nodeExternals()];
base.externals = [nodeExternals(), 'inferno-helmet'];
}
// client-specific configurations
if (env.platform === 'client') {