Deploying a Next.js website using Netlify

Question

I'm currently working in Next.js. My routes are currently working in development, but when I deploy via Netlify. The routes are no longer take me to the page. I.E. when i click about on the home page in production, the page does nothing. I'm not sure what I need to do.

import css from "../pages/style/index.css";

const Nav = props => (
  <nav>
    <div className={css.flex}>
      <Link href="/">
        <div className={css.navbar_left}>
          <div className={css.full_name}>Robert Terrell</div>
          <div>Full-Stack Web Developer</div>
        </div>
      </Link>
      <div className={css.navbar_right}>
        <Link href="/about">
          <a className={css.about}>About</a>
        </Link>
        <Link href="/">
          <a className={css.portfolio}>Portfolio</a>
        </Link>

        <Link href="/skills">
          <a className={css.skills}>Skills</a>
        </Link>
        <Link href="/contact">
          <a className={css.contact}>Contact</a>
        </Link>
      </div>
    </div>
  </nav>
);

export default Nav;

Pierre V. · Accepted Answer · 2019-12-13 20:15:59Z

1

Netlify is a static website hosting solution. It won't work with Next.js dynamic routing.

However, you can export your Next.js website as static html.

answered Dec 13, 2019 at 20:15

Pierre V.

1,6151 gold badge11 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Deploying a Next.js website using Netlify

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related