ideally id be nice to have that as a tab like the normal workers do. kinda weird them being differen

Lluna ideally id be nice to have that as a tab like the normal workers do. kinda weird...

H

I think the reasoning there is that your logs are tied to a specific deployment, so if anything, once Workers get deployments, they will do it the same way

L

lunaOP•3/3/24, 12:06 PM

would still be nice to have them in that top tab even if it somehow filtered them. currently it feels like i need to hunt for the logs. facesad

U

Unsmart•3/3/24, 10:22 PM

It would be in the browser console as the error says

B

Befus•3/3/24, 10:54 PM

Enable real time logs

B

Befus•3/3/24, 10:54 PM

go to the deployment and then functions and then real time logs

B

Befus•3/3/24, 10:54 PM

B

Befus•3/3/24, 10:55 PM

then click begin log stream and do the action again that caused the error

B

Befus•3/3/24, 10:57 PM

Not really familiar with github actions and cloudflare, so couldn't help you there

K

kian•3/3/24, 11:28 PM

Just means that you exceeded either CPU runtime or memory

K

kian•3/3/24, 11:28 PM

You'd have to look at the tail logs to figure out which it was

D

Deo Kumar•3/4/24, 9:36 AM

Does anyone know how can we catch all https methods in next js api routing?

DDeo Kumar Does anyone know how can we catch all https methods in next js api routing?

J

James•3/4/24, 12:20 PM

Don't think Next.js supports doing that

N

Nick•3/4/24, 10:48 PM

Hey - what’s the general experience with Next on Pages like these days? We have a fairly large site on AWS amplify and looking to move to something that is cheaper and supports streaming. Lack of NodeJS APIs is no issue because we don’t use any

U

Unsmart•3/4/24, 10:49 PM

compared with amplify it would probably be about the same

N

Nick•3/4/24, 10:49 PM

What are gotchas? Does it support actions and App dir well?

U

Unsmart•3/4/24, 10:50 PM

It should yes

NNick What are gotchas? Does it support actions and App dir well?

J

James•3/4/24, 10:57 PM

https://github.com/cloudflare/next-on-pages/blob/main/packages/next-on-pages/docs/gotchas.md

Z

zapalona_swieczka•3/5/24, 10:57 AM

I'm trying to migrate ecommerce site from next on aws to CF pages and I'm having: 22:28:12.755 Failed: build exceeded memory limit and was terminated

Z

zapalona_swieczka•3/5/24, 10:57 AM

found some threads where CF team was opting out people from instrastructure upgrade in situations like that and it helped, could we try that?

Z

zapalona_swieczka•3/5/24, 10:58 AM

My current goal is to do PoC if core functionality of our next page could work on CF, then we could start tweaking and playing with it more

NNick Hey - what’s the general experience with Next on Pages like these days? We have ...

I

Ian•3/5/24, 11:25 AM

Doing this migration right now - so far so good. We could never work around the cold starts issue on Amplify and what we have moved is lightning quick on Pages.

Zzapalona_swieczka found some threads where CF team was opting out people from instrastructure upgr...

J

James•3/5/24, 12:39 PM

You could maybe try building it in git actions and deploying with wrangler instead?

JJames You could maybe try building it in git actions and deploying with wrangler inste...

Z

zapalona_swieczka•3/5/24, 1:40 PM

you mean some specific gh action?

JJames You could maybe try building it in git actions and deploying with wrangler inste...

Z

zapalona_swieczka•3/5/24, 1:41 PM

https://github.com/marketplace/actions/cloudflare-pages-github-action ?

I

Isaac McFadyen•3/5/24, 1:44 PM

Yup.

D

Deo Kumar•3/5/24, 3:03 PM

Error: Failed to publish your Function. Got error: Your Functions script is over the 1 MiB size limit (workers.api.error.script_too_large)

Error: Failed to publish your Function. Got error: Your Functions script is over the 1 MiB size limit (workers.api.error.script_too_large)

How do I check the functions script size before deploying it on remote?

The 404 page function is very large in size.

J

James•3/5/24, 8:37 PM

you can check the zipped size of the .vercel/output/static/_worker.js dir

M

mau•3/5/24, 11:03 PM

I tried the guide to deploy a Next.js app, and it worked perfectly fine. Out of curiosity, how big of an app can be deployed? Are there any limits?

I was trying to deploy https://github.com/calcom/cal.com, getting errors while building...

Is there any limitation with NEXTJS framework features that can be used?

D

Deo Kumar•3/6/24, 6:35 AM

Can we use

service

service

bindings with

getRequestContext()

getRequestContext()

?
I am trying to add it in

wrangler.toml

wrangler.toml

but it is

undefined

undefined

.

Mmau I tried the guide to deploy a Next.js app, and it worked perfectly fine. Out of ...

J

James•3/6/24, 9:51 AM

https://github.com/cloudflare/next-on-pages/blob/main/packages/next-on-pages/docs/supported.md
https://github.com/cloudflare/next-on-pages/blob/main/packages/next-on-pages/docs/gotchas.md

JJames https://github.com/cloudflare/next-on-pages/blob/main/packages/next-on-pages/doc...

M

mau•3/6/24, 3:51 PM

Thank you so much @James for the help.

J

juanferreras•3/6/24, 8:54 PM

const { env, cf, ctx } = getRequestContext();
Warning: The function cannot be called in code from components using the Pages router.

const { env, cf, ctx } = getRequestContext();
Warning: The function cannot be called in code from components using the Pages router.

is there any specific reason from this limitation? Can't really tell from looking in the codebase (meaning, why it wouldn't work on

getServerSideProps

getServerSideProps

or

middleware

middleware

)

S

sunxyw•3/7/24, 9:43 AM

Hello guys, I get

Cannot find module '@cloudflare/next-on-pages' or its corresponding type declarations

Cannot find module '@cloudflare/next-on-pages' or its corresponding type declarations

when running

next-on-pages

next-on-pages

on NextJs 14.

any idea?

D

Dario•3/7/24, 9:46 AM

what does your package.json look like?

S

sunxyw•3/7/24, 9:47 AM

{
  "name": "lator-1-ivfcalc",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "format": "next lint --fix && prettier '**/*.{json,yaml}' --write --ignore-path .gitignore",
    "db:generate": "drizzle-kit generate:sqlite",
    "pages:build": "pnpm next-on-pages",
    "preview": "pnpm pages:build && wrangler pages dev .vercel/output/static",
    "deploy": "pnpm pages:build && wrangler pages deploy .vercel/output/static"
  },
  "dependencies": {
    "@hookform/resolvers": "^3.3.4",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-navigation-menu": "^1.1.4",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-switch": "^1.0.3",
    "@radix-ui/react-toggle": "^1.0.3",
    "@radix-ui/react-toggle-group": "^1.0.4",
    "@tiptap/extension-image": "^2.2.4",
    "@tiptap/pm": "^2.2.4",
    "@tiptap/react": "^2.2.4",
    "@tiptap/starter-kit": "^2.2.4",
    "@unpic/react": "^0.1.5",
    "better-sqlite3": "^9.4.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "drizzle-orm": "^0.29.4",
    "i18next": "^23.7.18",
    "lucide-react": "^0.312.0",
    "next": "14.1.0",
    "react": "^18",
    "react-dom": "^18",
    "react-hook-form": "^7.49.3",
    "tailwind-merge": "^2.2.0",
    "tailwindcss-animate": "^1.0.7",
    "usehooks-ts": "^2.9.5",
    "zod": "^3.22.4",
    "zod-i18n-map": "^2.25.0"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "0.0.0-9900517",
    "@cloudflare/workers-types": "^4.20240222.0",
    "@tailwindcss/typography": "^0.5.10",
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "drizzle-kit": "^0.20.14",
    "eslint": "^8",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.1.0",
    "eslint-config-next": "14.1.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-import": "^2.29.1",
    "eslint-plugin-jsx-a11y": "^6.8.0",
    "eslint-plugin-next-on-pages": "^1.10.0",
    "eslint-plugin-prettier": "^5.1.3",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-simple-import-sort": "^10.0.0",
    "eslint-plugin-tailwindcss": "^3.14.0",
    "eslint-plugin-unused-imports": "^3.0.0",
    "postcss": "^8",
    "prettier": "^3.2.4",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}

{
  "name": "lator-1-ivfcalc",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "format": "next lint --fix && prettier '**/*.{json,yaml}' --write --ignore-path .gitignore",
    "db:generate": "drizzle-kit generate:sqlite",
    "pages:build": "pnpm next-on-pages",
    "preview": "pnpm pages:build && wrangler pages dev .vercel/output/static",
    "deploy": "pnpm pages:build && wrangler pages deploy .vercel/output/static"
  },
  "dependencies": {
    "@hookform/resolvers": "^3.3.4",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-navigation-menu": "^1.1.4",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-switch": "^1.0.3",
    "@radix-ui/react-toggle": "^1.0.3",
    "@radix-ui/react-toggle-group": "^1.0.4",
    "@tiptap/extension-image": "^2.2.4",
    "@tiptap/pm": "^2.2.4",
    "@tiptap/react": "^2.2.4",
    "@tiptap/starter-kit": "^2.2.4",
    "@unpic/react": "^0.1.5",
    "better-sqlite3": "^9.4.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "drizzle-orm": "^0.29.4",
    "i18next": "^23.7.18",
    "lucide-react": "^0.312.0",
    "next": "14.1.0",
    "react": "^18",
    "react-dom": "^18",
    "react-hook-form": "^7.49.3",
    "tailwind-merge": "^2.2.0",
    "tailwindcss-animate": "^1.0.7",
    "usehooks-ts": "^2.9.5",
    "zod": "^3.22.4",
    "zod-i18n-map": "^2.25.0"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "0.0.0-9900517",
    "@cloudflare/workers-types": "^4.20240222.0",
    "@tailwindcss/typography": "^0.5.10",
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "drizzle-kit": "^0.20.14",
    "eslint": "^8",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.1.0",
    "eslint-config-next": "14.1.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-import": "^2.29.1",
    "eslint-plugin-jsx-a11y": "^6.8.0",
    "eslint-plugin-next-on-pages": "^1.10.0",
    "eslint-plugin-prettier": "^5.1.3",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-simple-import-sort": "^10.0.0",
    "eslint-plugin-tailwindcss": "^3.14.0",
    "eslint-plugin-unused-imports": "^3.0.0",
    "postcss": "^8",
    "prettier": "^3.2.4",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}

{
  "name": "lator-1-ivfcalc",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "format": "next lint --fix && prettier '**/*.{json,yaml}' --write --ignore-path .gitignore",
    "db:generate": "drizzle-kit generate:sqlite",
    "pages:build": "pnpm next-on-pages",
    "preview": "pnpm pages:build && wrangler pages dev .vercel/output/static",
    "deploy": "pnpm pages:build && wrangler pages deploy .vercel/output/static"
  },
  "dependencies": {
    "@hookform/resolvers": "^3.3.4",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-navigation-menu": "^1.1.4",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-switch": "^1.0.3",
    "@radix-ui/react-toggle": "^1.0.3",
    "@radix-ui/react-toggle-group": "^1.0.4",
    "@tiptap/extension-image": "^2.2.4",
    "@tiptap/pm": "^2.2.4",
    "@tiptap/react": "^2.2.4",
    "@tiptap/starter-kit": "^2.2.4",
    "@unpic/react": "^0.1.5",
    "better-sqlite3": "^9.4.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "drizzle-orm": "^0.29.4",
    "i18next": "^23.7.18",
    "lucide-react": "^0.312.0",
    "next": "14.1.0",
    "react": "^18",
    "react-dom": "^18",
    "react-hook-form": "^7.49.3",
    "tailwind-merge": "^2.2.0",
    "tailwindcss-animate": "^1.0.7",
    "usehooks-ts": "^2.9.5",
    "zod": "^3.22.4",
    "zod-i18n-map": "^2.25.0"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "0.0.0-9900517",
    "@cloudflare/workers-types": "^4.20240222.0",
    "@tailwindcss/typography": "^0.5.10",
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "drizzle-kit": "^0.20.14",
    "eslint": "^8",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.1.0",
    "eslint-config-next": "14.1.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-import": "^2.29.1",
    "eslint-plugin-jsx-a11y": "^6.8.0",
    "eslint-plugin-next-on-pages": "^1.10.0",
    "eslint-plugin-prettier": "^5.1.3",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-simple-import-sort": "^10.0.0",
    "eslint-plugin-tailwindcss": "^3.14.0",
    "eslint-plugin-unused-imports": "^3.0.0",
    "postcss": "^8",
    "prettier": "^3.2.4",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}

{
  "name": "lator-1-ivfcalc",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "format": "next lint --fix && prettier '**/*.{json,yaml}' --write --ignore-path .gitignore",
    "db:generate": "drizzle-kit generate:sqlite",
    "pages:build": "pnpm next-on-pages",
    "preview": "pnpm pages:build && wrangler pages dev .vercel/output/static",
    "deploy": "pnpm pages:build && wrangler pages deploy .vercel/output/static"
  },
  "dependencies": {
    "@hookform/resolvers": "^3.3.4",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-navigation-menu": "^1.1.4",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-switch": "^1.0.3",
    "@radix-ui/react-toggle": "^1.0.3",
    "@radix-ui/react-toggle-group": "^1.0.4",
    "@tiptap/extension-image": "^2.2.4",
    "@tiptap/pm": "^2.2.4",
    "@tiptap/react": "^2.2.4",
    "@tiptap/starter-kit": "^2.2.4",
    "@unpic/react": "^0.1.5",
    "better-sqlite3": "^9.4.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "drizzle-orm": "^0.29.4",
    "i18next": "^23.7.18",
    "lucide-react": "^0.312.0",
    "next": "14.1.0",
    "react": "^18",
    "react-dom": "^18",
    "react-hook-form": "^7.49.3",
    "tailwind-merge": "^2.2.0",
    "tailwindcss-animate": "^1.0.7",
    "usehooks-ts": "^2.9.5",
    "zod": "^3.22.4",
    "zod-i18n-map": "^2.25.0"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "0.0.0-9900517",
    "@cloudflare/workers-types": "^4.20240222.0",
    "@tailwindcss/typography": "^0.5.10",
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "drizzle-kit": "^0.20.14",
    "eslint": "^8",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.1.0",
    "eslint-config-next": "14.1.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-import": "^2.29.1",
    "eslint-plugin-jsx-a11y": "^6.8.0",
    "eslint-plugin-next-on-pages": "^1.10.0",
    "eslint-plugin-prettier": "^5.1.3",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-simple-import-sort": "^10.0.0",
    "eslint-plugin-tailwindcss": "^3.14.0",
    "eslint-plugin-unused-imports": "^3.0.0",
    "postcss": "^8",
    "prettier": "^3.2.4",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}

D

Dario•3/7/24, 9:48 AM

next-on-pages should be a dependency and not a dev one, can you try that and re-install the dependencies?

S

sunxyw•3/7/24, 9:50 AM

it doesn't work..
same error even I changed it to dependencies

D

Dario•3/7/24, 9:51 AM

can you restart your IDE to make sure it's picked up the package correctly?

S

sunxyw•3/7/24, 9:54 AM

my IDE still complains about

Cannot find module

Cannot find module

Cannot find module

Cannot find module.

pnpm pages:build

pnpm pages:build

pnpm pages:build

pnpm pages:build also report the same error.

S

sunxyw•3/7/24, 9:57 AM

oh. the error disappeared when I changed the

moduleResolution

moduleResolution

moduleResolution

moduleResolution in tsconfig from

node

node

to

bundler

bundler

bundler

bundler. I'm trying to deploy now

S

Satyam Bajpai•3/7/24, 4:07 PM

Hey everyone,

While I was deploying my next js app on cloudflare I am getting this error.
I have configured for static export by adding

output: "export"

output: "export"

output: "export"

output: "export" in

next.config.js

next.config.js

and using npx next build as build command but it's not working.

YARN_VERSION - 1.22.19
NODE_VERSION - 20.11.1

21:23:46.180    - info Linting and checking validity of types...
21:23:46.288    It looks like you're trying to use TypeScript but do not have the required package(s) installed.
21:23:46.288    
21:23:46.288    Please install @types/react and @types/node by running:
21:23:46.288    
21:23:46.289        yarn add --dev @types/react @types/node
21:23:46.289    
21:23:46.289    If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory).
21:23:46.289    
21:23:46.327    - error ESLint must be installed in order to run during builds: yarn add --dev eslint
21:23:46.508    Failed: Error while executing user command. Exited with error code: 1
21:23:46.518    Failed: build command exited with code: 1
21:23:47.549    Failed: error occurred while running build command

21:23:46.180    - info Linting and checking validity of types...
21:23:46.288    It looks like you're trying to use TypeScript but do not have the required package(s) installed.
21:23:46.288    
21:23:46.288    Please install @types/react and @types/node by running:
21:23:46.288    
21:23:46.289        yarn add --dev @types/react @types/node
21:23:46.289    
21:23:46.289    If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory).
21:23:46.289    
21:23:46.327    - error ESLint must be installed in order to run during builds: yarn add --dev eslint
21:23:46.508    Failed: Error while executing user command. Exited with error code: 1
21:23:46.518    Failed: build command exited with code: 1
21:23:47.549    Failed: error occurred while running build command

21:23:46.180    - info Linting and checking validity of types...
21:23:46.288    It looks like you're trying to use TypeScript but do not have the required package(s) installed.
21:23:46.288    
21:23:46.288    Please install @types/react and @types/node by running:
21:23:46.288    
21:23:46.289        yarn add --dev @types/react @types/node
21:23:46.289    
21:23:46.289    If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory).
21:23:46.289    
21:23:46.327    - error ESLint must be installed in order to run during builds: yarn add --dev eslint
21:23:46.508    Failed: Error while executing user command. Exited with error code: 1
21:23:46.518    Failed: build command exited with code: 1
21:23:47.549    Failed: error occurred while running build command

21:23:46.180    - info Linting and checking validity of types...
21:23:46.288    It looks like you're trying to use TypeScript but do not have the required package(s) installed.
21:23:46.288    
21:23:46.288    Please install @types/react and @types/node by running:
21:23:46.288    
21:23:46.289        yarn add --dev @types/react @types/node
21:23:46.289    
21:23:46.289    If you are not trying to use TypeScript, please remove the tsconfig.json file from your package root (and any TypeScript files in your pages directory).
21:23:46.289    
21:23:46.327    - error ESLint must be installed in order to run during builds: yarn add --dev eslint
21:23:46.508    Failed: Error while executing user command. Exited with error code: 1
21:23:46.518    Failed: build command exited with code: 1
21:23:47.549    Failed: error occurred while running build command

D

Dario•3/7/24, 4:10 PM

have you tried installing the types packages? and eslint?

DDario have you tried installing the types packages? and eslint?

S

Satyam Bajpai•3/7/24, 4:52 PM

This is already present in

package.json

package.json

and ideally should install all the packages present in

package.json

package.json

, right?

ideally id be nice to have that as a tab like the normal workers do. kinda weird them being differen

Similar Threads