import fs from 'fs' import { useRouter } from 'next/router' import Head from 'next/head' import { NextSeo } from 'next-seo' import { generateRss } from '~/lib/rss' import { getSortedPosts } from '~/lib/posts' import DefaultLayout from '~/components/Layouts/Default' import type PostTypes from '~/types/post' import { motion } from 'framer-motion' import styles from '~/styles/customers.module.css' import Link from 'next/link' import { GlassPanel } from 'ui-patterns/GlassPanel' export async function getStaticProps() { const allPostsData = getSortedPosts({ directory: '_customers' }) const rss = generateRss(allPostsData) // create a rss feed in public directory // rss feed is added via component in render return fs.writeFileSync('./public/customers-rss.xml', rss) return { props: { blogs: allPostsData, }, } } function CustomerStoriesPage(props: any) { const { basePath } = useRouter() const meta = { title: 'Customer Stories | Supabase', image: `${basePath}/images/customers/og/customer-stories.jpg`, description: 'See how Supabase empowers companies of all sizes to accelerate their growth and streamline their work.', } const caseStudyThumbs = props.blogs?.map((blog: PostTypes, idx: number) => { return { logo: blog.logo, logoInverse: blog.logo_inverse, title: blog.title, link: blog.url, } }) return ( <> {meta.title}

Customer stories

Discover case studies on how Supabase is being used around the world to quickly create outstanding products and set new industry standards.

{caseStudyThumbs.map((caseStudy: any, i: number) => ( {caseStudy.description} ))}

) } export default CustomerStoriesPage