I am building a Next.js application and starting with an HTML template. I have included the assets in my `Head` and `_document.js` file like so:

```js
<Head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="keywords" content={keywords} />
    <meta name="description" content={description} />
    <meta charSet="utf-8" />
    <link rel="icon" href="./favicon.ico" />
    <title>{title}</title>
    <link type="text/css" rel="stylesheet" href="css/reset.css" />
    <link type="text/css" rel="stylesheet" href="css/plugins.css" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <link type="text/css" rel="stylesheet" href="css/yourstyle.css" />
</Head>

```

`_document.js`

```js
import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  static async getInitialProps(ctx) {
    const initialProps = await Document.getInitialProps(ctx)
    return { ...initialProps }
  }

  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
          <script type="text/javascript" src="js/jquery.min.js"></script>
          <script type="text/javascript" src="js/plugins.js"></script>
          <script type="text/javascript" src="js/scripts.js"></script>
        </body>
      </Html>
    )
  }
}

```

These files load correctly on all my top level pages but for my dynamically generated posts the files do not load:

> 
> 'Failed to load resource'.
> 
> 
>