local sitemap endpoint

README.md

@@ -104,6 +104,7 @@ See the [Features](#features) for more functionalities
     - [x] lazy load (vue-lazyload)
     - [x] crop with cropperjs
     - [x] lightbox with buefy/bulma
+    - [x] hover button on profile photo
 - [x] custom error page - simple
 - [x] global notification
 - [x] toaster notification

src/nuxt.config.ts

@@ -122,7 +122,8 @@ const config: Configuration = {
     baseURL: process.env.API_URL
   },
   serverMiddleware: [
-    '~/server/api'
+    '~/server/api',
+    '~/server/api/sitemap'
   ],
 
   /*

src/package.json

@@ -46,6 +46,7 @@
     "nuxt-i18n": "^6.12.2",
     "nuxt-property-decorator": "^2.7.2",
     "rxjs": "^6.5.5",
+    "sitemap": "^6.1.5",
     "slug": "^3.3.0",
     "vee-validate": "^3.3.2",
     "vue-cropperjs": "^4.1.0",

src/server/api/sitemap.ts

@@ -0,0 +1,55 @@
+import express,{ Request, Response, Router } from 'express';
+import { SitemapStream, streamToPromise } from 'sitemap';
+import { createGzip } from 'zlib'
+
+const service = '/sitemap.xml';
+
+const staticRoutes = [
+  '/',
+  '/terms',
+  '/privacy-policy',
+  '/register',
+  '/login',
+  '/crop',
+  '/lightbox'
+]
+
+const app = express();
+const router = Router();
+
+let sitemap: Buffer | null = null;
+
+router.get(service, (req: Request, res: Response) => {
+  console.log(req.originalUrl, ' called (get)');
+  res.header('Content-Type', 'application/xml');
+  res.header('Content-Encoding', 'gzip');
+
+  if (sitemap) {
+    res.send(sitemap)
+    return
+  }
+
+  try {
+    const smStream = new SitemapStream({ hostname: 'https://nuxt-ts-firebase-auth-ssr.web.app/' })
+    const pipeline = smStream.pipe(createGzip())
+
+    staticRoutes.forEach((route) => smStream.write({ url: route, changefreq: 'weekly', priority: 0.8 }))
+    smStream.end()
+
+    // cache the response
+    streamToPromise(pipeline).then((sm: Buffer) => sitemap = sm).catch((error:Error) => console.log(error))
+    // stream write the response
+    pipeline.pipe(res).on('error', (e: Error) => {
+      throw e
+    })
+  } catch (e) {
+    console.error(e)
+    res.status(500).end()
+  }
+});
+
+app.use(router)
+
+export default {
+  handler: app
+}