title: Adding getStaticProps/getStaticPaths to dynamic route generates 404 page
body: <p>I'm new to Next.js so I created a simple news website so I can read an article by using this route:</p>
  <p><code>/[category]/[article]</code></p>
  <p>This is the structure of <code>pages</code>:</p>
  <pre><code>_pages
  __[category]
  ____index.jsx
  ____[...all].jsx
  </code></pre>
  <p>This is <code>[...all].jsx</code>:</p>
  <pre><code>export default function Article() {
    const router = useRouter();
    const { category, all } = router.query;
  
    return (
      &lt;&gt;
        {category}/{all[0]}
      &lt;/&gt;
    );
  }
  </code></pre>
  <p>But when I added this <code>getStaticProps</code> and <code>getStaticPaths</code>, I started getting 404:</p>
  <pre><code>export async function getStaticPaths() {
    return {
      paths: [],
      fallback: false,
    };
  }
  
  export async function getStaticProps({ params }) {
    return { props: { params } };
  }
  </code></pre>
  <p>I was looking everywhere online for a simple example for a nested dynamic routing with <code>getStaticProps</code>. For some reasons the official docs skip on that. How can I fix it?</p>