import Head from "next/head"; import Image from "next/image"; import getConfig from 'next/config' import "../../components/main.js" import Layout from "../../components/main.js" import { getAllGalleryImages, getGalleryImage } from "../../data/external/cms.js"; const galleryImage = ({pagedata, imageDetails, basepath} ) => { if(!imageDetails) return null return (

Photo Information

Title: {imageDetails.data[0].attributes.Title}

Gallery: {imageDetails.data[0].attributes.galleries.data[0].attributes.Title}

) } export default galleryImage export async function getStaticPaths() { const posts = await getAllGalleryImages() const paths = posts.data.map((post) => ({ params: { galleryImage: post.attributes.Slug }, })) return { paths, fallback: true // false or 'blocking' }; } export async function getStaticProps (context){ const { serverRuntimeConfig } = getConfig() const slug = context.params.galleryImage const galImage = await getGalleryImage(slug) const pagedata = { 'title': "Angry Beanie - " + galImage.data[0].attributes.Title } return { props: { pagedata, imageDetails: galImage, basepath: serverRuntimeConfig.media_path }, revalidate: 60 } }