import Layout from "../components/main" import LatestEpisodes from "../components/latestepisodes" import Link from 'next/link' import getConfig from 'next/config' import Head from 'next/head' import Image from 'next/image'; import { FEEDS, getFeed } from "../lib/rss" export async function getServerSideProps(context) { const { serverRuntimeConfig, publicRuntimeConfig } = getConfig() const res = await fetch(serverRuntimeConfig.base_path +`/api/collections/1`) const artdata = await res.json() const article = artdata.articles[0] const epres = await fetch(serverRuntimeConfig.base_path + '/api/podcasts/episodes/latest/0/1') const epdata = await epres.json() const flickr = await fetch('https://www.flickr.com/services/feeds/photos_public.gne?id=25875680@N05&lang=en-us&format=json&nojsoncallback=1') const flickrdata = await flickr.json() const firstimage = flickrdata.items[0] const pagedata = {'title': 'Angry Beanie'} const tadfeed = FEEDS.find((tadfeed) => tadfeed.name === "tad"); const tadfullfeed = await getFeed(tadfeed.url) const tadfirstitem = tadfullfeed.items[0] return { props: { article, pagedata, episodedata: epdata.episodes, config: serverRuntimeConfig, tadfirstitem, firstimage}, // will be passed to the page component as props } } function HomePage (props) { return (
{props.pagedata.title}
Angry Beanie

Latest Blog Post

{props.article.title} {props.article.abstract}
{props.episodedata.map((episode) => (

Latest Podcast

{episode.title}
))}

Latest Tech And Disability Post

{props.tadfirstitem.title}

Latest Photo

); } export default HomePage