Uploading next js functions

alisalimli · August 6, 2021, 3:34am

Hi,

I am trying to deploy my next js app to netlify.

When i run netlify deploy,it’s starting to deploy.

Deploy logs :

$ yarn netlify deploy
Deploy path:        D:\Main\programming\projects\airbnb\packages\web\out
Functions path:     D:\Main\programming\projects\airbnb\packages\web\out_functions
Configuration path: D:\Main\programming\projects\airbnb\netlify.toml
Deploying to draft URL...
✔ Ignored invalid or expired functions cache
✔ Finished hashing 22 files and 4 functions
✔ CDN requesting 1 files and 4 functions
⠧ (4/5) Uploading next_register...

Netlify uploading next_register forever,but after 5-10 minutes it’s give 500 internal server error.

My Netlify toml file :

# ./netlify.toml

[build]
  command = "next build packages/web"
  functions = "packages/web/out_functions"
  publish = "packages/web/out"

[dev]
  command = "npm run start"
  
[[plugins]]
  package = "@netlify/plugin-nextjs"

Btw when i don’t include out_functions to deploy,netlify doesn’t give me any error.It will deploy it successfully

coelmay · August 6, 2021, 3:47am

When you say successfully, it deploys with functions or without?

alisalimli · August 6, 2021, 3:50am

without functions, i think there is a problem about deploying functions

alisalimli · August 6, 2021, 3:54am

i am dealing with this issue for a week, do you have any idea to solve this problem ?

coelmay · August 6, 2021, 4:03am

Using a test project I have the following netlify.toml which worked successfully for me.

[build]
  command = "npm run build"
  publish = "out"

[[plugins]]
  package = "@netlify/plugin-nextjs"

As @netlify/plugin-nextjs, the functions path is not specified.

alisalimli · August 6, 2021, 4:04am

did netlify used netlify/functions as functions path ?

coelmay · August 6, 2021, 4:05am

If you are using custom functions there is docs here

alisalimli · August 6, 2021, 4:06am

can you try deploy my code ?

alisalimli · August 6, 2021, 4:08am

no,i’m not using custom functions.I am just running yarn netlify build and that creates packages/web/out and packages/web/out_functions.

Also netlify creating another functions → ./netlify/functions which is same with packages/web/out_functions

coelmay · August 6, 2021, 4:32am

The netlify.toml you presented above does not match that in your code. Building from project root renders

./src/modules/register/RegisterConnector.tsx:1:36
Type error: Cannot find module '@abb/controller' or its corresponding type declarations.

> 1 | import { RegisterController } from "@abb/controller";

and building from the packages/web directory also fails.

alisalimli · August 6, 2021, 6:52am

Oh, i am sorry. I forgot the adding build command. Can you try again ?

You have to run the following commands :

yarn netlify init or ‘netlify init’ (in root of the project)
answers of the questions
? Your build command (hugo build/yarn run build/etc): yarn run build:web
? Directory to deploy (blank for current dir): packages\web\out
? Netlify functions folder: packages\web\out_functions
yarn netlify build or netlify build
yarn netlify deploy or netlify deploy

Let me know if you have any problem

coelmay · August 6, 2021, 7:04am

I was using Netlify CLI to build.

alisalimli · August 6, 2021, 11:45am

i don’t get it ? For example should i run netlify-cli build ?

coelmay · August 6, 2021, 1:00pm

If you have Netlify CLI installed globally (as I do) then you only need run netlify <command> <options>. You can run locally using netlify dev (which I assume you are doing based on your netlify.toml), then to deploy you would run netlify deploy --build.

Are you able to run locally using ntl dev?

alisalimli · August 7, 2021, 6:01am

Well,

I updated my netlify toml file :

[build]
  command = "next build packages/web"
  publish = "packages/web/.next"

[dev]
  command = "yarn start"
  port = 8888
  targetPort = 4321
  publish = "packages/web/out" 
  functions = "packages/web/out_functions" 
  autoLaunch = true
  framework = "next"

[[plugins]]
  package = "@netlify/plugin-nextjs"

Then i run

netlify dev and ntl dev and it’s started a server on http://localhost:8888/register

But when i run netlify deploy --build,same thing happening; Netlify trying deploy functions forever.

My deploy log:

$ netlify deploy --build

────────────────────────────────────────────────────────────────
  Netlify Build
────────────────────────────────────────────────────────────────

> Version
  @netlify/build 17.9.2

> Flags
  {}

> Current directory
  D:\Main\programming\projects\airbnb

> Config file
  D:\Main\programming\projects\airbnb\netlify.toml

> Context
  production

> Loading plugins
   - @netlify/plugin-nextjs@3.8.0 from netlify.toml and package.json

────────────────────────────────────────────────────────────────
  1. onPreBuild command from @netlify/plugin-nextjs
────────────────────────────────────────────────────────────────

Using Next.js 11.0.1
info  - Loaded env from D:\Main\programming\projects\airbnb\packages\web\.env.production
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
Next.js cache restored.

(@netlify/plugin-nextjs onPreBuild completed in 7.1s)

────────────────────────────────────────────────────────────────
  2. build.command from netlify.toml
────────────────────────────────────────────────────────────────

$ next build packages/web
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  
(node:9024) [DEP_WEBPACK_CHUNK_HAS_ENTRY_MODULE] DeprecationWarning: Chunk.hasEntryModule: Use new ChunkGraph API
(Use `node --trace-deprecation ...` to show where the warning was created)
info  - Creating an optimized production build  
warn  - Compiled with warnings

../../node_modules/next/dist/next-server/server/load-components.js
Critical dependency: the request of a dependency is an expression

../../node_modules/next/dist/next-server/server/load-components.js
Critical dependency: the request of a dependency is an expression

../../node_modules/next/dist/next-server/server/load-components.js
Critical dependency: the request of a dependency is an expression

../../node_modules/next/dist/next-server/server/require.js
Critical dependency: the request of a dependency is an expression

../../node_modules/next/dist/next-server/server/require.js
Critical dependency: the request of a dependency is an expression

../../node_modules/next/dist/next-server/server/require.js
Critical dependency: the request of a dependency is an expression

info  - Collecting page data
[    ] info  - Generating static pages (0/3)ServerRouter {
  route: '/[testId]',
  pathname: '/[testId]',
  query: {},
  asPath: '/[testId]',
  basePath: '',
  events: undefined,
  isFallback: false,
  locale: undefined,
  isReady: false,
  locales: undefined,
  defaultLocale: undefined,
  domainLocales: undefined,
  isPreview: false,
  isLocaleDomain: false
} router
info  - Generating static pages (3/3)
info  - Finalizing page optimization  

Page                              Size     First Load JS
┌ λ /                             1.48 kB         128 kB
├   /_app                         0 B            70.9 kB
├ ○ /[testId]                     347 B          71.2 kB
├ ○ /404                          1.36 kB        72.2 kB
├ λ /api/hello                    0 B            70.9 kB
└ λ /register                     34.6 kB         161 kB
+ First Load JS shared by all     70.9 kB
  ├ chunks/framework.e7644c.js    46.5 kB
  ├ chunks/main.848535.js         20.3 kB
  ├ chunks/pages/_app.483ead.js   2.49 kB
  ├ chunks/webpack.5b8c84.js      1.57 kB
  └ css/47b8a6c68cf6d88dd75a.css  307 kB

λ  (Lambda)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
○  (Static)  automatically rendered as static HTML (uses no initial props)
●  (SSG)     automatically generated as static HTML + JSON (uses getStaticProps)
   (ISR)     incremental static regeneration (uses revalidate in getStaticProps)


(build.command completed in 1m 4.2s)

────────────────────────────────────────────────────────────────
  3. onBuild command from @netlify/plugin-nextjs
────────────────────────────────────────────────────────────────

Detected Next.js site. Copying files...
** Running Next on Netlify package **
🚀 Next on Netlify 🚀
🌍️ Copying public folder to D:\Main\programming\projects\airbnb\packages\web\.next
💼 Copying static NextJS assets to D:\Main\programming\projects\airbnb\packages\web\.next
💫 Setting up API endpoints as Netlify Functions in D:\Main\programming\projects\airbnb\netlify\functions
💫 Setting up pages with getInitialProps as Netlify Functions in D:\Main\programming\projects\airbnb\netlify\functions
💫 Setting up pages with getServerSideProps as Netlify Functions in D:\Main\programming\projects\airbnb\netlify\functions
🔥 Copying pre-rendered pages with getStaticProps and JSON data to D:\Main\programming\projects\airbnb\packages\web\.next
💫 Setting up pages with getStaticProps and fallback: true as Netlify Functions in D:\Main\programming\projects\airbnb\netlify\functions
💫 Setting up pages with getStaticProps and revalidation interval as Netlify Functions in D:\Main\programming\projects\airbnb\netlify\functions
🔥 Copying pre-rendered pages without props to D:\Main\programming\projects\airbnb\packages\web\.next
Building 5 pages
🔀 Setting up redirects
🔀 Setting up headers
✅ Success! All done!

(@netlify/plugin-nextjs onBuild completed in 2.2s)

────────────────────────────────────────────────────────────────
  4. Functions bundling
────────────────────────────────────────────────────────────────

Packaging Functions from netlify\functions directory:
 - next_api_hello\next_api_hello.js
 - next_image\next_image.js
 - next_index\next_index.js
 - next_register\next_register.js


(Functions bundling completed in 1m 19.4s)

────────────────────────────────────────────────────────────────
  5. onPostBuild command from @netlify/plugin-nextjs
────────────────────────────────────────────────────────────────

Next.js cache saved.

(@netlify/plugin-nextjs onPostBuild completed in 820ms)

────────────────────────────────────────────────────────────────
  Summary
────────────────────────────────────────────────────────────────

> @netlify/plugin-nextjs: Essential Next.js Build Plugin ran successfully
  Generated serverless functions and stored the Next.js cache

────────────────────────────────────────────────────────────────
  Netlify Build Complete
────────────────────────────────────────────────────────────────

(Netlify Build completed in 2m 44.4s)
Deploy path:        D:\Main\programming\projects\airbnb\packages\web\.next
Functions path:     D:\Main\programming\projects\airbnb\netlify\functions
Configuration path: D:\Main\programming\projects\airbnb\netlify.toml
Deploying to draft URL...
✔ Deploying functions from cache (use --skip-functions-cache to override)
✔ Finished hashing 75 files and 4 functions
✔ CDN requesting 20 files and 4 functions
(23/26) Uploading next image ...

Capture

alisalimli · August 7, 2021, 6:58am

and it’s ending with the following error :

⠋ (25/26) Uploading next_register… » Warning: JSONHTTPError: 500
» Warning:
» {
» “name”: “JSONHTTPError”,
» “status”: 500,
» “json”: {
» “status”: 500,
» “error”: “Internal Server Error”
» }
» }
»
⠹ (25/26) Uploading next_register… JSONHTTPError: Internal Server Error

coelmay · August 7, 2021, 7:38am

Every attempt to build your app has resulted in an

error Command failed with exit code 1.

and I never get to the uploading stage.

Not sure what else I can do to help.

alisalimli · August 7, 2021, 7:39am

can you share full log ?

coelmay · August 7, 2021, 9:37am

Using the netlify.toml you last posted, when I run ntl deploy --build this is the result

────────────────────────────────────────────────────────────────
  Netlify Build
────────────────────────────────────────────────────────────────

❯ Version
  @netlify/build 17.9.2

❯ Flags
  {}

❯ Current directory
  /Users/coel/projects/airbnb-clone-staging

❯ Config file
  /Users/coel/projects/airbnb-clone-staging/netlify.toml

❯ Context
  production

❯ Loading plugins
   - @netlify/plugin-nextjs@3.8.0 from netlify.toml and package.json

────────────────────────────────────────────────────────────────
  1. onPreBuild command from @netlify/plugin-nextjs
────────────────────────────────────────────────────────────────

Using Next.js 11.0.1
info  - Loaded env from /Users/coel/projects/airbnb-clone-staging/packages/web/.env.production
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
The "target" config property must be one of "serverless", "experimental-serverless-trace". Building with "serverless" target.
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
No Next.js cache to restore.

(@netlify/plugin-nextjs onPreBuild completed in 735ms)

────────────────────────────────────────────────────────────────
  2. build.command from netlify.toml
────────────────────────────────────────────────────────────────

$ next build packages/web
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
Failed to compile.

./src/modules/register/RegisterConnector.tsx:1:36
Type error: Cannot find module '@abb/controller' or its corresponding type declarations.

> 1 | import { RegisterController } from "@abb/controller";
    |                                    ^
  2 | import React from "react";
  3 | import { useRegisterMutation } from "../../generated/graphql";
  4 | import RegisterView from "./views/RegisterView";
info  - Checking validity of types .
────────────────────────────────────────────────────────────────
  "build.command" failed
────────────────────────────────────────────────────────────────

  Error message
  Command failed with exit code 1: next build packages/web

  Error location
  In build.command from netlify.toml:
  next build packages/web

  Resolved config
  build:
    command: next build packages/web
    commandOrigin: config
    publish: /Users/coel/projects/airbnb-clone-staging/packages/web/.next
    publishOrigin: config
  plugins:
    - inputs: {}
      origin: config
      package: '@netlify/plugin-nextjs'

alisalimli · August 7, 2021, 10:54am

Oh,you have to build code:

Please run following commands,then try deploying
Btw i changed netlify.toml,please run git pull also

github.com

elisalimli/old_airbnb-clone/blob/staging/CONTRIBUTE.MD

# Follow steps for contribute to `airbnb-clone` 

- git clone https://github.com/alisalim17/airbnb-clone

- yarn install

- npm run build

Topic		Replies	Views
Manually deploy NextJS API functions Support deployment , lambda-functions , nextjs	4	781	July 28, 2021
Netlify deploy, Error 500, impossible to deploy Support deployment	1	818	July 3, 2022
Next API route 404 Support nextjs	3	1973	December 31, 2020
Building functions using netlify-lambda when deploying via netlify-cli Support deployment	9	587	October 23, 2020
Next.js with background functions Support deployment , lambda-functions	1	559	November 17, 2021

Uploading next js functions

I updated my netlify toml file :

Then i run

My deploy log:

Related topics