[FEAT] favicon

middleware.js

@@ -3,6 +3,6 @@ export { middleware } from "nextra/locales";
 export const config = {
   // Matcher ignoring `/_next/` and `/api/`
   matcher: [
-    "/((?!api|styles|_next/static|_next/image|favicon.ico|icon.svg|apple-icon.png|sitemap.xml|robots.txt|manifest).*)",
+    "/((?!api|styles|_next/static|_next/image|favicon|favicon.ico|icon.svg|apple-icon.png|sitemap.xml|robots.txt|manifest).*)",
   ],
 };

public/favicon/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

public/robots.txt

@@ -0,0 +1,17 @@
+# Global rules for all bots
+User-agent: *
+Allow: /
+
+# English section rules
+User-agent: *
+Allow: /en/
+User-agent: *
+Allow: /en/Billing/subscription
+
+# Spanish section rules
+User-agent: *
+Allow: /es/
+User-agent: *
+Allow: /es/Facturacion/suscripcion
+
+Sitemap: https://docs.rayflat.com/sitemap.xml

pages/sitemap.xml.js → public/sitemap.xml

@@ -1,5 +1,4 @@
-function generateSiteMap() {
-  return `<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <urlset
     xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
     xmlns:xhtml="http://www.w3.org/1999/xhtml">
@@ -16,7 +15,7 @@ function generateSiteMap() {
         <lastmod>2025-01-07T21:36:02.128Z</lastmod>
         <changefreq>daily</changefreq>
     </url>
-     <url>
+    <url>
         <loc>https://docs.rayflat.com/es/Facturacion/suscripcion</loc>
         <xhtml:link
             rel="alternate"
@@ -29,24 +28,4 @@ function generateSiteMap() {
         <lastmod>2025-01-07T21:36:02.128Z</lastmod>
         <changefreq>daily</changefreq>
     </url>
-</urlset>`;
-}
-
-function SiteMap() {
-  // getServerSideProps will do the heavy lifting
-}
-
-export async function getServerSideProps({ res }) {
-  const sitemap = generateSiteMap();
-
-  res.setHeader("Content-Type", "text/xml");
-  // we send the XML to the browser
-  res.write(sitemap);
-  res.end();
-
-  return {
-    props: {},
-  };
-}
-
-export default SiteMap;
+</urlset>

theme.config.jsx

@@ -29,7 +29,28 @@ export default {
 
     return (
       <>
-      {/* OG METADATA */}
+        <link rel="icon" type="image/icon" href="/favicon.ico" />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/favicon/site.webmanifest" />
+
+        {/* OG METADATA */}
+        <meta charset="utf-8" />
         <meta property="og:url" content={url} />
         <meta property="og:title" content={frontMatter.title} />
         <meta property="og:description" content={frontMatter.description} />