I tried the guide to deploy a Next.js app, and it worked perfectly fine. Out of curiosity, how big o

D

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

Can we use

service

service

service

service bindings with

getRequestContext()

getRequestContext()

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

mauOP•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.

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

getServerSideProps

getServerSideProps or

middleware

middleware

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

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

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

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

package.json

package.json and ideally should install all the packages present in

package.json

package.json

package.json

package.json, right?

S

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

One thing I want to mention is that this is added in dev dependency

SSatyam Bajpai This is already present in `package.json` and ideally should install all the pac...

D

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

is it in the yarn lock file and

node_modules

node_modules

folder?
the command is indeed saying that it can't find them (you did

yarn install

yarn install

yarn install

yarn install right?

)

SSatyam Bajpai One thing I want to mention is that this is added in dev dependency

D

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

yeah that's correct

DDario is it in the yarn lock file and `node_modules` folder? the command is indeed say...

S

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

Yes

D

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

is your project public?

D

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

ah wait!.... sorry I just realized now....

DDario is your project public?

S

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

yes, let me share you a link

D

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

is the issue local? or only in the Pages CI/CD?

DDario is the issue local? or only in the Pages CI/CD?

S

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

in cloudflare build time

D

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

can you share your deployment ID?

DDario can you share your deployment ID?

S

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

Yes let me check

D

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

https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/:pages-deployment

DDario https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/:pages-deplo...

S

Satyam Bajpai•3/7/24, 5:00 PM

https://dash.cloudflare.com/285cb2dc9d816f86d8c412297bed8fb3/pages/view/skill-tree-frontend/11b4f964-5dfa-4909-9d2c-80701f089f19

D

Dario•3/7/24, 5:00 PM

and then the second hash.... ok

SSatyam Bajpai https://dash.cloudflare.com/285cb2dc9d816f86d8c412297bed8fb3/pages/view/skill-tr...

S

Satyam Bajpai•3/7/24, 5:00 PM

this is good right?

SSatyam Bajpai this is good right?

S

Satyam Bajpai•3/7/24, 5:05 PM

@Dario ^

D

Dario•3/7/24, 5:08 PM

yes, thank you, I'm having a look right now

DDario yes, thank you, I'm having a look right now 🙂

S

Satyam Bajpai•3/7/24, 5:09 PM

Thanks!

D

Dario•3/7/24, 5:12 PM

it looks like your build command is

npx next build

npx next build

npx next build

npx next build but you are using yarn, could you update the command to use yarn's alternative and try again?

DDario it looks like your build command is `npx next build` but you are using yarn, cou...

S

Satyam Bajpai•3/7/24, 6:40 PM

Tried but not working, giving same error

SSatyam Bajpai Tried but not working, giving same error

S

Satyam Bajpai•3/8/24, 5:59 PM

Hey @Dario
Please have a look

D

Dario•3/8/24, 6:44 PM

@Satyam Bajpai thanks for the ping, sorry I got distracted in other things yesterday

, I'm having a look right now

D

Dario•3/8/24, 7:14 PM

I've forked your github repository (it should be this one right? https://github.com/satyam73/skill-tree-frontend)

and tried deploying the application, after a few minor adjustments it seems to work as expected:
https://c3f337ae.skill-tree-frontend-7zq.pages.dev/

(if it helps this is my fork: https://github.com/dario-piotrowicz/skill-tree-frontend)

Could you locally run

yarn install

yarn install

yarn install

yarn install to update the lock file, push the change and try again?
If it doesn't work please try to apply these changes to your repository: https://github.com/satyam73/skill-tree-frontend/compare/develop...dario-piotrowicz:skill-tree-frontend:develop

D

Dario•3/8/24, 7:17 PM

oh... I was on the

develop

develop

develop

develop branch, let me try

main

main

main

main....

D

Dario•3/8/24, 7:26 PM

it seems like what I said above still applies on

main

main

main

main: https://github.com/dario-piotrowicz/skill-tree-frontend/tree/main
(https://main.skill-tree-frontend-7zq.pages.dev/)

(changes I made: https://github.com/satyam73/skill-tree-frontend/compare/main...dario-piotrowicz:skill-tree-frontend:main)

B

bun•3/9/24, 1:14 AM

what is the recommended way of initializing a database with drizzle for example in app router?

I'm trying to initialize it in

src/server/db.ts

src/server/db.ts

src/server/db.ts

src/server/db.ts
with the following approach:

"use server";

import { getRequestContext } from "@cloudflare/next-on-pages";
import { Repository, getDB } from "@my-separate-package/db";

export const db = getDB(getRequestContext().env.DB ?? process.env.DB);

export const repository = new Repository(db);

"use server";

import { getRequestContext } from "@cloudflare/next-on-pages";
import { Repository, getDB } from "@my-separate-package/db";

export const db = getDB(getRequestContext().env.DB ?? process.env.DB);

export const repository = new Repository(db);

"use server";

import { getRequestContext } from "@cloudflare/next-on-pages";
import { Repository, getDB } from "@my-separate-package/db";

export const db = getDB(getRequestContext().env.DB ?? process.env.DB);

export const repository = new Repository(db);

"use server";

import { getRequestContext } from "@cloudflare/next-on-pages";
import { Repository, getDB } from "@my-separate-package/db";

export const db = getDB(getRequestContext().env.DB ?? process.env.DB);

export const repository = new Repository(db);

B

bun•3/9/24, 1:15 AM

but im getting

▲  Error: Failed to retrieve the Cloudflare request context.

▲ Error: Failed to retrieve the Cloudflare request context.

▲  Error: Failed to retrieve the Cloudflare request context.

▲ Error: Failed to retrieve the Cloudflare request context. error when doing a

next build

next build

next build

next build. it works fine in development

B

bun•3/9/24, 1:22 AM

ok.

process.env.NODE_ENV === "development"
    ? getRequestContext().env.DB
    : (process.env as any).DB

process.env.NODE_ENV === "development"
    ? getRequestContext().env.DB
    : (process.env as any).DB

process.env.NODE_ENV === "development"
    ? getRequestContext().env.DB
    : (process.env as any).DB

process.env.NODE_ENV === "development"
    ? getRequestContext().env.DB
    : (process.env as any).DB

works

D

Deo Kumar•3/9/24, 3:14 AM

I am using service bindings in my application, fetching assets in workers leads to 522 response code. Is there any way to fetch static assets from workers on same origins?

Bbun ok. `process.env.NODE_ENV === "development" ? getRequestContext().env.DB ...

D

Dario•3/9/24, 12:57 PM

@bun If you use the latest

beta

beta

beta

beta release you can just use

process.env.DB

process.env.DB

process.env.DB

process.env.DB both in development and production (

process.env

process.env

process.env

process.env not working in development was a bug I've fixed here: https://github.com/cloudflare/next-on-pages/pull/690)

ideally devs should always use

getRequestContext()

getRequestContext()

getRequestContext()

getRequestContext() and not

process.env

process.env

process.env

process.env, but it seems like

getRequestContext()

getRequestContext()

getRequestContext()

getRequestContext() has some bug that makes it not work in some cases, I'll definitely look into that the only thing is that I haven't gotten a minimal reproduction to play with that till now (I did briefly tried to reproduce it with no luck, I should also try that again if I can't get a minimal repro)

(PS: if you do have a reproduction that you can share please throw it my way!

)

DDeo Kumar I am using service bindings in my application, fetching assets in workers leads ...

D

Dario•3/9/24, 1:00 PM

can you share your code? how are you trying to fetch your assets? have you tried with

kv-asset-handler

kv-asset-handler

kv-asset-handler

kv-asset-handler? (https://github.com/cloudflare/workers-sdk/tree/main/packages/kv-asset-handler)

D

Deo Kumar•3/9/24, 1:37 PM

I want to fetch the static assets in

public

public

public

public folder.
Suppose my pages is deployed on

example.com

example.com

example.com

example.com with a static file

favicon.ico

favicon.ico

favicon.ico

favicon.ico.
I used service binding in the same app which tries to fetch

example.com/favicon.ico

example.com/favicon.ico

example.com/favicon.ico

example.com/favicon.ico.

I need to fetch images files uploaded on pages after build for optimisation using wasm

D

Deo Kumar•3/9/24, 1:40 PM

The worker fetches files if routed to different origin but respond with 522 when same origin.

D

Deo Kumar•3/9/24, 1:47 PM

https://fineshop.app/api/image?url=https://fineshop.app/logos/logo-512x512.png&w=256&q=75

https://image.fineshopdesign.workers.dev/image?url=https://fineshop.app/logos/logo-512x512.png&w=256&q=75

First one using service bindings but same workers.

I tried the guide to deploy a Next.js app, and it worked perfectly fine. Out of curiosity, how big o

Similar Threads

Similar Threads

Similar Threads