Merge pull request #429 from code-hike/next

Better not-found

Author: pomber

apps/web/app/blog/feed.xml/route.ts

@@ -10,19 +10,19 @@ export async function GET() {
     title: "Code Hike",
     description: "Markdown, React and everything in between.",
     generator: "RSS for Node and Next.js",
-    feed_url: "https://v1.codehike.org/blog/feed.xml",
-    site_url: "https://v1.codehike.org/blog",
+    feed_url: "https://codehike.org/blog/feed.xml",
+    site_url: "https://codehike.org/blog",
     language: "en-US",
     pubDate: new Date().toUTCString(),
     ttl: 120,
-    image_url: "https://v1.codehike.org/logo.png",
+    image_url: "https://codehike.org/logo.png",
   })
 
   posts.map(({ data, url }) => {
     feed.item({
       title: data.title,
       description: data.description || "",
-      url: `https://v1.codehike.org${url}`,
+      url: `https://codehike.org${url}`,
       author: data.authors[0],
       date: data.date,
     })

apps/web/app/layout.tsx

@@ -29,7 +29,7 @@ export const metadata: Metadata = {
   title: "Code Hike",
   description:
     "Use Markdown and React to build rich content websites. Documentation, tutorials, blogs, videos, interactive walkthroughs, and more.",
-  metadataBase: new URL("https://v1.codehike.org"),
+  metadataBase: new URL("https://codehike.org"),
   openGraph: {
     title: "Code Hike",
     images: `/codehike.png`,
@@ -43,7 +43,7 @@ export const metadata: Metadata = {
   },
   alternates: {
     types: {
-      "application/rss+xml": "https://v1.codehike.org/blog/feed.xml",
+      "application/rss+xml": "https://codehike.org/blog/feed.xml",
     },
   },
 }

apps/web/app/not-found.tsx

@@ -1,7 +1,18 @@
+"use client"
+import { usePathname } from "next/navigation"
+
 export default function NotFound() {
+  const pathname = usePathname()
+  const v0url = "v0.codehike.org" + pathname
   return (
-    <h2 className="w-full h-[80vh] flex justify-center items-center text-6xl">
-      404
-    </h2>
+    <main className="w-full h-[80vh] flex flex-col gap-2 justify-center items-center">
+      <h2 className="text-6xl mb-8">Page not found.</h2>
+      <p>
+        For older versions try:{" "}
+        <a href={"https://" + v0url} className="text-primary underline">
+          {v0url}
+        </a>
+      </p>
+    </main>
   )
 }