Example sensitive data in props

index.js

export default function Home(props) {
// Now you can see your secret key just by using the React Developer Tools for Firefox/Chrome
 
[...]

}

export async function getServerSideProps() {
  // call API to get the secret key
  const options = {
    method: 'GET',
    headers: {
      'Authorization': process.env.BEARER
    }
  };
  const res = await fetch(process.env.NEXT_PUBLIC_API_SERVER, options)
    .then(response => response.json()); // We get the secret key
  
  // Don't do this!
  return {
    props: { res }
  }
}