Home.getInitialProps = async ctx => {
/* try {
const res = await axios.get('http://localhost:1337/api/' + 'pages')
const Pages = res.data
// console.log(Pages)
return { Pages}
// return { HomeAccordition }
} catch (error) {
return { error }
}
*/
let Pages =
"'http://localhost:1337/api/' + 'pages'"
let homeAaccorditions =
"'http://localhost:1337/api/' + 'home-accorditions'"
let Menus =
"'http://localhost:1337/api/' + 'menus'"
let HeroSections =
"'http://localhost:1337/api/' + 'hero-sections'"
const requestPages = axios.get(Pages)
const requesthomeAaccorditions = axios.get(homeAaccorditions)
const requestMenus = axios.get(Menus)
const requestHeroSections = axios.get(HeroSections)
axios
.all([requestPages, requesthomeAaccorditions, requestMenus, requestHeroSections])
.then(
axios.spread((...responses) => {
const requestPages = responses[0]
const requesthomeAaccorditions = responses[1]
const requestMenus = responses[2]
const requestHeroSections = responses[3]
// use/access the results
console.log(requestPages, requesthomeAaccorditions, requestMenus, requestHeroSections )
})
)
.catch(errors => {
// react on errors.
console.error(errors)
})
}
export default Home
//Home.getInitialProps = getInitialProps
looking for a easy solutions to this. i was intended to return these responses so that we can call them in a component