Как сделать фоновое изображение кликабельным?

volt111,

<a href="ссылка.html">
    <img src="фоновое_изображение.jpg" alt="фоновое изображение">
</a>

Вот еще более простая реализация. Здесь преимущественно помогают с кодом, а не пишут его за вас

Как правильно хранить стейт и загружать данные в Next.JS?

Этот компонент в page.jsx/page.tsx используется?

код

function getData() {
    const res = {message: "Твои штучки"}
     
    return res
}

export default function Page() {
    const data = getData()
    return (
        <div className="stack">
            <h1>SignIn - {data.message}</h1>
        </div>
    )
}

Насколько я понял твой вопрос, ты можешь подгружать штучки в режиме серверного рендеринга. getData полностью в твоем расположении, получай данные откуда хочешь