Hey guys, I have a question.

serpa · 2023-10-18T19:57:51.533Z

Hey guys, I have a question. I have a nextjs static site, all HTML, js and css. No server side rendering. I want to have the nextjs app generate a bunch of static "websites" for different clients. Then (I'm not sure if I can do this) I want to intercept all the request to the pages IP and based on the host, fetch the correct ASSETS. Imagine: client1.com -> Pages Function -> Retrieve static file from ASSETS/client1/index.html I'm trying to work with the `_worker.js` file, but it seems that cloudflare is not picking it. Can anyone help, plz? 🙏

S

serpaOP•10/18/23, 8:03 PM

next.config.js

const exp = require('constants')

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  distDir: 'dist'
}

module.exports = nextConfig

next.config.js

const exp = require('constants')

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  distDir: 'dist'
}

module.exports = nextConfig

next.config.js

const exp = require('constants')

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  distDir: 'dist'
}

module.exports = nextConfig

next.config.js

const exp = require('constants')

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  distDir: 'dist'
}

module.exports = nextConfig

S

serpaOP•10/18/23, 8:06 PM

tree (this is just a sample nextjs website)

.
├── app
│   ├── about
│   │   ├── error.tsx
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   │   └── styles.module.css
│   ├── components
│   │   ├── Navbar.tsx
│   │   └── Search.tsx
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx
│   ├── users
│   │   ├── page.tsx
│   │   └── [userId]
│   │       ├── components
│   │       │   └── UserPosts.tsx
│   │       ├── not-found.tsx
│   │       └── page.tsx
│   └── _worker.js
├── lib
│   ├── getAllUsers.tsx
│   ├── getUserPosts.tsx
│   └── getUser.tsx
├── next.config.js
├── next-env.d.ts
├── package.json
├── package-lock.json
├── postcss.config.js
├── public
│   ├── next.svg
│   └── vercel.svg
├── README.md
├── tailwind.config.ts
├── tsconfig.json
└── types.d.ts

.
├── app
│   ├── about
│   │   ├── error.tsx
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   │   └── styles.module.css
│   ├── components
│   │   ├── Navbar.tsx
│   │   └── Search.tsx
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx
│   ├── users
│   │   ├── page.tsx
│   │   └── [userId]
│   │       ├── components
│   │       │   └── UserPosts.tsx
│   │       ├── not-found.tsx
│   │       └── page.tsx
│   └── _worker.js
├── lib
│   ├── getAllUsers.tsx
│   ├── getUserPosts.tsx
│   └── getUser.tsx
├── next.config.js
├── next-env.d.ts
├── package.json
├── package-lock.json
├── postcss.config.js
├── public
│   ├── next.svg
│   └── vercel.svg
├── README.md
├── tailwind.config.ts
├── tsconfig.json
└── types.d.ts

.
├── app
│   ├── about
│   │   ├── error.tsx
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   │   └── styles.module.css
│   ├── components
│   │   ├── Navbar.tsx
│   │   └── Search.tsx
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx
│   ├── users
│   │   ├── page.tsx
│   │   └── [userId]
│   │       ├── components
│   │       │   └── UserPosts.tsx
│   │       ├── not-found.tsx
│   │       └── page.tsx
│   └── _worker.js
├── lib
│   ├── getAllUsers.tsx
│   ├── getUserPosts.tsx
│   └── getUser.tsx
├── next.config.js
├── next-env.d.ts
├── package.json
├── package-lock.json
├── postcss.config.js
├── public
│   ├── next.svg
│   └── vercel.svg
├── README.md
├── tailwind.config.ts
├── tsconfig.json
└── types.d.ts

.
├── app
│   ├── about
│   │   ├── error.tsx
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   │   └── styles.module.css
│   ├── components
│   │   ├── Navbar.tsx
│   │   └── Search.tsx
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx
│   ├── users
│   │   ├── page.tsx
│   │   └── [userId]
│   │       ├── components
│   │       │   └── UserPosts.tsx
│   │       ├── not-found.tsx
│   │       └── page.tsx
│   └── _worker.js
├── lib
│   ├── getAllUsers.tsx
│   ├── getUserPosts.tsx
│   └── getUser.tsx
├── next.config.js
├── next-env.d.ts
├── package.json
├── package-lock.json
├── postcss.config.js
├── public
│   ├── next.svg
│   └── vercel.svg
├── README.md
├── tailwind.config.ts
├── tsconfig.json
└── types.d.ts

A

agathorpt•10/18/23, 10:47 PM

why _worker.js? you can add a _middleware to handle your use case

A

agathorpt•10/18/23, 10:48 PM

https://developers.cloudflare.com/pages/platform/functions/middleware/

Middleware · Cloudflare Pages docs

Middleware is reusable logic that can be run before your onRequest function. Middlewares are typically utility functions. Error handling, user …

Similar Threads

Similar Threads

Similar Threads