Discussion on getting the slug of the most recent blog article for a button in a Navbar component in Next.js using Sanity.io.

const query = groq `*[_type == "post"][0]{
    "slug": slug->current
}`;

const Navbar = (props) => {
    const { slug } = props

    return ( some other code...)
}

{
  slug: {
    current: 'a-slug'
  }
} 

Navbar.getInitialProps = async function(context) {
    const { slug = "" } = context.query
    return await client.fetch(query, { slug })
}

Navbar.getInitialProps = async function(context) {
    const { slug = "" } = context.query
    const post = await client.fetch(query, { slug })
    console.log('post', JSON.stringify(post, null, 2))
    return post
}

return {

return {
   props: {
      title: post.title,
      body: post.body,
      image: post.mainImage
   }
}

const url = `https://.<http://api.sanity.io/v1/data/query/production?query=${query}`;|api.sanity.io/v1/data/query/production?query=${query}`;>

const result = await fetch(url).then(res => res.json());
const post = result.result[0];