How can we access the strapi data endpoints using strapi API key

Discussions
,
1

i am using nextjs and strapi

  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 requesthomeAaccorditions = responses[3];

      // use/access the results
      console.log(requestPages, requesthomeAaccorditions, requestMenus, requesthomeAaccorditions );
    })
  )
  .catch(errors => {
    // react on errors.
    console.error(errors);
  });

i want to access them with api key and return those data to the functions within pages.
plz suggest

my first app