Filter articles list view page by featured tags, add redirect from /tags to /articles

Author: webstackdev

astro.config.ts

@@ -117,6 +117,9 @@ export default defineConfig({
       { protocol: 'http' },
     ],
   },
+  redirects: {
+    '/tags': '/articles',
+  },
   /** Change URL between development and production environments */
   site: getSiteUrl(),
   trailingSlash: 'never',

src/pages/articles/index.astro

@@ -8,14 +8,15 @@ import Carousel from '@components/Carousel/index.astro'
 const allArticles = await getCollection('articles', ({ data }) => isDev() || data.isDraft !== true)
 
 const allTags = await getCollection('tags')
+const featuredTags = allTags.filter(tag => tag.data.featured === true)
 
 const getArticlesForTag = (tagEntry: CollectionEntry<'tags'>) => {
   return allArticles.filter(article => {
     return article.data.tags.some(tagRef => tagRef.id === tagEntry.id)
   })
 }
 
-const tagsWithContent = allTags.filter(tag => getArticlesForTag(tag).length > 0)
+const tagsWithContent = featuredTags.filter(tag => getArticlesForTag(tag).length > 0)
 
 const tagsWithNoContent = allTags.filter(tag => getArticlesForTag(tag).length === 0)
 
@@ -25,8 +26,8 @@ for (const tag of tagsWithNoContent) {
   )
 }
 
-const pageDescription = 'Browse all article tags'
-const pageTitle = 'All Tags'
+const pageDescription = 'Browse all articles by tag'
+const pageTitle = 'All Articles'
 const path = '/tags'
 const section = 'Tags'
 ---