Function useNostoHome

useNostoHome(props?: NostoHomeProps): void

You can personalise your home page by using the useNostoHome hook.

Parameters

Optionalprops: NostoHomeProps

Returns void

Example: Basic home page usage

import { useNostoHome } from '@nosto/nosto-react'

function HomePage() {
  useNostoHome({
    placements: ['frontpage-nosto-1', 'frontpage-nosto-2', 'frontpage-hero']
  })

  return (
    <div>
      <div id="frontpage-hero" />
      <h1>Welcome to our store</h1>
      <div id="frontpage-nosto-1" />
      <div id="frontpage-nosto-2" />
    </div>
  )
}

Example: Home page with default placements

import { useNostoHome } from '@nosto/nosto-react'

function SimpleHomePage() {
  // Uses all available placements configured in Nosto admin
  useNostoHome()

  return (
    <div>
      <h1>Home Page</h1>
      {/\* Nosto will inject content into configured placements */}
    </div>
  )
}