feat: sitemap, feed 스크립트 추가

Author: eottabom

components/Footer.tsx

@@ -2,24 +2,34 @@ import '@fortawesome/fontawesome-free/css/all.min.css';
 
 export default function Footer() {
   return (
-    <footer className="bg-slate-800 text-gray-400 px-6 py-6 text-sm">
+    <footer className="z-0 relative bg-slate-800 text-gray-400 px-6 py-6 text-sm">
       <div className="flex flex-col md:flex-row justify-between items-center text-sm">
         <div className="mb-2 md:mb-0">© 2025 Eottabom's Lab. All rights reserved.</div>
         <div className="flex items-center space-x-6">
           <a
-            href="mailto:[email protected]"
-            className="flex items-center gap-2 hover:text-white transition"
+              href="mailto:[email protected]"
+              className="flex items-center gap-2 hover:text-white transition"
           >
-            <i className="fas fa-envelope text-base" aria-hidden="true" />
+            <i className="fas fa-envelope text-base" aria-hidden="true"/>
             <span>Email</span>
           </a>
           <a
-            href="https://github.com/eottabom"
-            className="flex items-center gap-2 hover:text-white transition"
+              href="https://github.com/eottabom"
+              className="flex items-center gap-2 hover:text-white transition"
           >
-            <i className="fab fa-github text-base" aria-hidden="true" />
+            <i className="fab fa-github text-base" aria-hidden="true"/>
             <span>GitHub</span>
           </a>
+          <a
+              href="/feed.xml"
+              className="flex items-center gap-2 hover:text-white transition"
+              target="_blank"
+              rel="noopener noreferrer"
+          >
+            <i className="fas fa-rss text-base" aria-hidden="true"/>
+            <span>RSS</span>
+          </a>
+
         </div>
       </div>
     </footer>

package.json

@@ -5,7 +5,10 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "generate:sitemap": "ts-node scripts/generate-sitemap.ts",
+    "generate:rss": "ts-node scripts/generate-rss.ts",
+    "generate:seo": "npm run generate:sitemap && npm run generate:rss"
   },
   "dependencies": {
     "gray-matter": "^4.0.3",
@@ -31,6 +34,7 @@
     "autoprefixer": "^10.4.0",
     "postcss": "^8.4.0",
     "tailwindcss": "^3.4.0",
-    "typescript": "5.8.3"
+    "typescript": "5.8.3",
+    "ts-node": "^10.9.2"
   }
 }

public/google18352289b026fe2f.html

@@ -0,0 +1 @@
+google-site-verification: google18352289b026fe2f.html

public/naverd3d26ca1df83352df039700b1d0c3bb8.html

@@ -0,0 +1 @@
+naver-site-verification: naverd3d26ca1df83352df039700b1d0c3bb8.html

public/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: http://eottabom.github.io/sitemap.xml

scripts/generate-rss.ts

@@ -0,0 +1,34 @@
+import fs from 'fs';
+import path from 'path';
+import { getSortedPostsDataWithContent } from '../lib/posts';
+
+const BASE_URL = 'https://eottabom.github.io';
+
+async function generateRSS() {
+    const posts = await getSortedPostsDataWithContent();
+
+    const items = posts.slice(0, 20).map(post => `
+    <item>
+      <title>${post.title}</title>
+      <link>${BASE_URL}/post/${post.id}</link>
+      <guid isPermaLink="true">${BASE_URL}/post/${post.id}</guid>
+      <description>${post.summary || ''}</description>
+      <pubDate>${new Date(post.date).toUTCString()}</pubDate>
+    </item>`).join('');
+
+    const rss = `<?xml version="1.0" encoding="UTF-8"?>
+  <rss version="2.0">
+    <channel>
+      <title>Eottabom Blog</title>
+      <link>${BASE_URL}</link>
+      <description>Learnings from a considerate developer</description>
+      <language>ko</language>
+      ${items}
+    </channel>
+  </rss>`;
+
+    fs.writeFileSync(path.join('public', 'feed.xml'), rss.trim());
+    console.log('feed.xml generated');
+}
+
+generateRSS();

scripts/generate-sitemap.ts

@@ -0,0 +1,27 @@
+import fs from 'fs';
+import path from 'path';
+import { getAllPostIds } from '../lib/posts';
+
+const BASE_URL = 'https://eottabom.github.io';
+
+const generateSitemap = () => {
+    const posts = getAllPostIds();
+
+    const urls = posts.map(({ params }) => `
+    <url>
+      <loc>${BASE_URL}/post/${params.id}</loc>
+      <changefreq>weekly</changefreq>
+      <priority>0.7</priority>
+    </url>
+  `).join('');
+
+    const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
+  <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+    ${urls}
+  </urlset>`;
+
+    fs.writeFileSync(path.join('public', 'sitemap.xml'), sitemap.trim());
+    console.log('sitemap.xml generated');
+};
+
+generateSitemap();