Show episode number.

src/app/(main)/podcast/[slug]/page.jsx

@@ -112,7 +112,7 @@ export default async function Page({ params }) {
               <PlayButtonClient audioPlayerData={audioPlayerData} size="large" />
               <div className="flex flex-col">
                 <h1 className="mt-2 text-4xl font-bold text-slate-900">
-                  {episode.title}
+                  [{episode.num}] {episode.title}
                 </h1>
                 <FormattedDate
                   date={date}

src/components/Episodes.jsx

@@ -21,7 +21,7 @@ function EpisodeEntry({ episode }) {
             id={`episode-${episode.id}-title`}
             className="mt-2 text-lg font-bold text-slate-900"
           >
-            <Link href={`/podcast/${episode?.slug}`}>{episode.title}</Link>
+            <Link href={`/podcast/${episode?.slug}`}>[{episode.num}] {episode.title}</Link>
           </h2>
           <FormattedDate
             date={date}
@@ -75,7 +75,7 @@ function EpisodeEntry({ episode }) {
 }
 
 export default async function Episodes({ limit }) {
-  const episodes = await getEpisodes()
+  const episodes = await getEpisodes();
 
   return (
     <>

src/data/episodes.js

@@ -190,8 +190,10 @@ export async function getEpisodes() {
                                     }
                                   })
 
+  const numEpisodes = feed.entries.length;
   return feed.entries.map(
-    ({ id, title, description, enclosure , published, content, chapters }) => ({
+    ({ id, title, description, enclosure , published, content, chapters }, i) => ({
+      num: numEpisodes - i,
       id,
       title,
       published,