import "../components/main" import Layout from "../components/main" import Link from 'next/link' export async function getServerSideProps(context) { const res = await fetch(`http://localhost:8000/api/documents/0/5`) const articles = await res.json() const secres = await fetch(`http://localhost:8000/api/sections`) const secdata = await secres.json() return { props: { articles, sections : secdata }, // will be passed to the page component as props } } function News({ articles, sections }) { return

NEWS

{articles.articles.map((article) => (

{article.title}

))} } export default News