{isLoading
?
: song?.isPlaying
diff --git a/src/lib/generateRssFeed.js b/src/lib/generateRssFeed.js
index 747c432..8f58f33 100644
--- a/src/lib/generateRssFeed.js
+++ b/src/lib/generateRssFeed.js
@@ -28,7 +28,8 @@ export async function generateRssFeed() {
})
for (let article of articles) {
- let url = `${siteUrl}/writing/${article.slug}`
+ let url = `${siteUrl}/writing/${article.slug}`;
+
let html = ReactDOMServer.renderToStaticMarkup(
)
diff --git a/src/lib/generateSitemap.js b/src/lib/generateSitemap.js
new file mode 100644
index 0000000..02b6d3e
--- /dev/null
+++ b/src/lib/generateSitemap.js
@@ -0,0 +1,67 @@
+import glob from 'fast-glob'
+import path from 'path'
+import {getAllArticles} from '@/lib/getAllArticles'
+import {writeFile} from 'fs/promises'
+
+const BASE_URL = process.env.NEXT_PUBLIC_SITE_URL
+
+async function createSitemap(pages) {
+ const sitemap = `
+
+ ${pages.map((url) => {
+ return `
+
+ ${url}
+ ${new Date().toISOString()}
+ monthly
+ 1.0
+`
+ }).join("")}
+`
+
+ await writeFile('./public/sitemap.xml', sitemap, 'utf8')
+}
+
+async function createRobots() {
+ const robots = `# *
+User-agent: *
+Allow: /
+
+# Host
+Host: ${BASE_URL}
+
+# Sitemaps
+Sitemap: ${BASE_URL}/sitemap.xml`
+
+ await writeFile('./public/robots.txt', robots, 'utf8')
+}
+
+export async function generateSitemap() {
+ const excluded = [
+ '_app.tsx',
+ '_document.tsx',
+ 'index.tsx'
+ ]
+
+ const pages = (await glob(['*.tsx', '*.jsx'], {
+ cwd: path.join(process.cwd(), 'src/pages/'),
+ })).filter((page) => {
+ return !excluded
+ .includes(page)
+ }).map((page) => {
+ return `${BASE_URL}/${page}`
+ .replace(/\.(tsx|jsx)$/, '')
+ })
+
+ pages.unshift(`${BASE_URL}/`)
+ pages.push(`${BASE_URL}/writing`)
+
+ const articles = await getAllArticles()
+ const slugs = articles.map(({slug}) => `${BASE_URL}/writing/${slug}`)
+ const allPages = [...pages, ...slugs]
+
+ await Promise.all([
+ await createSitemap(allPages),
+ await createRobots()
+ ])
+}
\ No newline at end of file
diff --git a/src/lib/getAllArticles.js b/src/lib/getAllArticles.js
index ce69139..1790759 100644
--- a/src/lib/getAllArticles.js
+++ b/src/lib/getAllArticles.js
@@ -2,22 +2,22 @@ import glob from 'fast-glob'
import * as path from 'path'
async function importArticle(articleFilename) {
- let { meta, default: component } = await import(
- `../pages/writing/${articleFilename}`
- )
- return {
- slug: articleFilename.replace(/(\/index)?\.mdx$/, ''),
- ...meta,
- component,
- }
+ let {meta, default: component} = await import(
+ `../pages/writing/${articleFilename}`
+ )
+ return {
+ slug: articleFilename.replace(/(\/index)?\.mdx$/, ''),
+ ...meta,
+ component,
+ }
}
export async function getAllArticles() {
- let articleFilenames = await glob(['*.mdx', '*/index.mdx'], {
- cwd: path.join(process.cwd(), 'src/pages/writing'),
- })
+ let articleFilenames = await glob(['*.mdx', '*/index.mdx'], {
+ cwd: path.join(process.cwd(), 'src/pages/writing'),
+ })
- let articles = await Promise.all(articleFilenames.map(importArticle))
+ let articles = await Promise.all(articleFilenames.map(importArticle))
- return articles.sort((a, z) => new Date(z.date) - new Date(a.date))
+ return articles.sort((a, z) => new Date(z.date) - new Date(a.date))
}
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
deleted file mode 100644
index 1f283ad..0000000
--- a/src/pages/_app.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect, useRef } from 'react'
-
-import { Footer } from '@/components/Footer'
-import { Header } from '@/components/Header'
-
-import '@/styles/tailwind.css'
-import 'focus-visible'
-
-function usePrevious(value) {
- let ref = useRef()
-
- useEffect(() => {
- ref.current = value
- }, [value])
-
- return ref.current
-}
-
-export default function App({ Component, pageProps, router }) {
- let previousPathname = usePrevious(router.pathname)
-
- return (
- <>
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
new file mode 100644
index 0000000..39e3978
--- /dev/null
+++ b/src/pages/_app.tsx
@@ -0,0 +1,38 @@
+import {useEffect, useRef} from 'react'
+import type {AppProps} from 'next/app'
+import {Header} from '@/components/Header'
+import {Footer} from '@/components/Footer'
+
+import '../../styles/tailwind.css'
+import 'focus-visible'
+
+function usePrevious(value: string): string | null {
+ let ref = useRef
(null)
+
+ useEffect(() => {
+ ref.current = value
+ }, [value])
+
+ return ref.current
+}
+
+export default function App({Component, pageProps, router}: AppProps) {
+ let previousPathname = usePrevious(router.pathname)
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/pages/_document.jsx b/src/pages/_document.tsx
similarity index 91%
rename from src/pages/_document.jsx
rename to src/pages/_document.tsx
index 713e86d..1da6f55 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.tsx
@@ -1,7 +1,7 @@
-import {Head, Html, Main, NextScript} from 'next/document'
+import {Html, Head, Main, NextScript} from 'next/document'
const modeScript = `
- let darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
+ darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
updateMode()
darkModeMediaQuery.addEventListener('change', updateModeWithoutTransitions)
@@ -67,10 +67,11 @@ export default function Document() {
href="/static/icons/apple-touch-icon.png"
/>
+