How to set a background image using Next.js?

Question

I tried setting the background image using Next.js but couldn't.

This won't work. Picture will not be displayed:

// globals.css

body {
  background: url("/images/grid.svg") repeat;
}

I want to repeat the background image throughout the page like this:

How to set it up? Thank you in advance!

Answer 1

Try this.

background-image: url('/images/grid.svg');