-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathserver.js
93 lines (76 loc) · 2.79 KB
/
server.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
const { join } = require('path');
const express = require('express');
const next = require('next');
const LRUCache = require('lru-cache');
const compression = require('compression');
const port = parseInt(process.env.PORT, 10) || 3000;
const dev = process.env.NODE_ENV !== 'production';
const app = next({ dir: '.', dev });
const ssrCache = new LRUCache({
max: 1024, // not more than 100 results will be cached
maxAge: 1000 * 60 * 5 // 5 mins
});
const handle = app.getRequestHandler();
// This is not active yet.
async function renderAndCache(req, res, pagePath, queryParams) {
const key = req.url;
// if page is in cache, server from cache
if (ssrCache.has(key)) {
res.setHeader('x-cache', 'HIT');
res.send(ssrCache.get(key));
return;
}
try {
// if not in cache, render the page into HTML
const html = await app.renderToHTML(req, res, pagePath, queryParams);
// if something wrong with the request, let's skip the cache
if (res.statusCode !== 200) {
res.send(html);
return;
}
ssrCache.set(key, html);
res.setHeader('x-cache', 'MISS');
res.send(html);
} catch (err) {
app.renderError(err, req, res, pagePath, queryParams);
}
}
app.prepare()
.then(() => {
const server = express();
server.use(compression());
server.get('/service-worker.js', (req, res) => {
const filePath = join(__dirname, 'build', '/service-worker.js');
app.serveStatic(req, res, filePath);
});
server.get('/:slug', (req, res) => {
const actualPage = '/post';
const queryParams = { slug: req.params.slug };
renderAndCache(req, res, actualPage, queryParams); // use app.render to bypass ss cache
});
server.get('/category/:slug', (req, res) => {
const actualPage = '/category';
const queryParams = { slug: req.params.slug };
renderAndCache(req, res, actualPage, queryParams); // use app.render to bypass ss cache
});
server.get('/_preview/:id/:wpnonce', (req, res) => {
const actualPage = '/preview';
const queryParams = {
id: req.params.id,
wpnonce: req.params.wpnonce
};
renderAndCache(req, res, actualPage, queryParams); // use app.render to bypass ss cache
});
server.get('/', (req, res) => {
renderAndCache(req, res, '/', {});
});
server.get('*', (req, res) => handle(req, res));
server.listen(port, err => {
if (err) throw err;
console.log(`> Ready on http://localhost:${port}`);
});
})
.catch(ex => {
console.error(ex.stack);
process.exit(1);
});