Next js api not works on netlify

Question

I have a web application for next js. I want to put it on netlify, but when I do this, the api stops working for me, although everything worked fine on vercel. When i call api a get 404 error

package.json:

{
  "name": "devhub-website",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "export": "next export"
  },
  "dependencies": {
    "axios": "^0.19.2",
    "dotenv": "^8.2.0",
    "js-cookie": "^2.2.1",
    "jsonwebtoken": "^8.5.1",
    "mongodb": "^3.6.0",
    "next": "9.5.2",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "sass": "^1.26.10"
  },
  "devDependencies": {
    "@types/node": "^14.0.27",
    "@types/react": "^16.9.46",
    "typescript": "^3.9.7"
  }
}

Pls share your package.json for frontend and backend

sgrmhdk
– sgrmhdk

2020-09-08 08:05:19 +00:00
Commented Sep 8, 2020 at 8:05 — sgrmhdk
– sgrmhdk, Commented Sep 8, 2020 at 8:05

It'sNotMe · Accepted Answer · 2021-02-12 13:37:22Z

3

If you are using next export to deploy in Netlify, the API routes do not work. When we build with next export, this warning shows in the terminal:

Statically exporting a Next.js application via next export disables API routes. This command is meant for static-only hosts, and is not necessary to make your application static.

edited Feb 12, 2021 at 13:37

It'sNotMe

1,2901 gold badge11 silver badges33 bronze badges

answered Feb 11, 2021 at 20:21

Pedro Augusto Ramalho Duarte

4564 silver badges11 bronze badges

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

Comments

Elvin Chu · Accepted Answer · 2022-02-16 09:52:41Z

1

Make sure you set the target to serverless in next.config.js

The Next.js serverless target outputs Serverless functions from pages.

module.exports = {
  target: "serverless",
};

answered Feb 16, 2022 at 9:52

Elvin Chu

1891 silver badge9 bronze badges

Collectives™ on Stack Overflow

Next js api not works on netlify

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related