import { GetServerSideProps } from 'next'
import React, { FC, useEffect } from 'react'
import { fetchGuiters } from '../lib/strapi'
import { Guiter, GuiterResponse } from '../styles/type/guiters'
const Ssr = ({ data }: GuiterResponse) => {
return (
{data.map((guiter: Guiter) => {
return
{guiter.attributes.name}
})}
)
}
export const getServerSideProps: GetServerSideProps = async () => {
const fetchData = await fetchGuiters()
const data: Guiter[] = fetchData.data
return {
props: {
data: data,
},
}
}
export default Ssr