-
-
![]({"https://user-images.githubusercontent.com/106757584/175770221-a634f207-c3de-4afc-991c-d2fb32953941.png"})
-
Codestin Search App
-
Get started by editing:
-
-
- src/client/router.js
-
-
-
or
-
-
-
src/pages/Home.js
+
+
+ Codestin Search App
+
+
+
+
+
+
+
Codestin Search App
+
Get started by editing:
+
+
+ src/client/router.js
+
+
+
or
+
+
+ src/pages/Home.js
+
+
-
-
+
+
);
}
}
-export default Home;
+export default Home;
\ No newline at end of file
diff --git a/src/server/index.js b/src/server/index.js
index e48258dd..6d935286 100644
--- a/src/server/index.js
+++ b/src/server/index.js
@@ -1,8 +1,9 @@
-import Router from '../client/router';
+import Router, { MetaData } from '../client/router';
import React from 'react';
import express from 'express';
import { StaticRouter } from 'react-router-dom/server';
import { renderToString } from 'react-dom/server';
+import { Helmet } from 'react-helmet';
// server configuration
const port = 3000;
@@ -36,12 +37,20 @@ server.set('views', path.join(__dirname, '..', 'views'));
// all routes to client router
server.get('/*', (req, res) => {
const context = {};
- const serverRouter = renderToString(
);
+ const serverRouter = renderToString(
+
+
+
+ );
+ const metadata = Helmet.renderStatic();
+ const meta = metadata.meta.toComponent()
+ const title = metadata.title.toComponent();
+ const manifest = renderToString(meta) + renderToString(title);
if (context.url) res.redirect(context.url);
else res.status(200).render('index', {
+ metadata: manifest,
production: process.env.NODE_ENV === 'production',
- title: 'Welcome to NessApp',
clientStyles: assets.client.css,
bundledScript: assets.client.js,
body: serverRouter,
@@ -49,6 +58,10 @@ server.get('/*', (req, res) => {
}
);
+server.get('/favicon.ico'), (req, res) => {
+ res.status(404);
+}
+
// start server
server.listen(process.env.PORT || port, () => {
logger(`🌱 NessApp started on: ${chalk.hex('#5590CB').bold('http://localhost:' + process.env.PORT || port)} and ${chalk.hex('#5590CB').bold('http://' + results['en0'][0] + ':' + process.env.PORT || port)}`);
diff --git a/tailwind.config.js b/tailwind.config.js
index 5f2af6d1..d5599689 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,4 @@
+// tailwind configuration
module.exports = {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx}",
@@ -7,4 +8,4 @@ module.exports = {
extend: {},
},
plugins: [],
-}
\ No newline at end of file
+}
diff --git a/views/index.pug b/views/index.pug
index 68f0954e..ee5ede83 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -1,18 +1,16 @@
doctype html
html(lang='en')
- head
+ head !{metadata}
meta(charset='utf-8')
meta(http-equiv='X-UA-Compatible', content='IE=edge')
meta(name='viewport', content='width=device-width, initial-scale=1')
- meta(name='description', content=content)
+
if clientStyles
link(rel='stylesheet', href=clientStyles)
-
- title #{title}
body
#root !{body}
if production
- script(src=bundledScript, defer)
+ script(src=bundledScript, defer)
else
- script(src=bundledScript, defer, crossorigin)
\ No newline at end of file
+ script(src=bundledScript, defer, crossorigin)
\ No newline at end of file
+