cloudflare
tcp/443 tcp/80 tcp/8443
Open service 104.26.15.153:8443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:33 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=rm5boh7WtKfHXfQ21jnLZW5b1jNzy6knLwJPYZiMF7B%2BocQpw7Yx3lq%2B%2BacbUIzdv6dSjYfL5g87YMOiWwwN%2F3kTvicZ4x%2F9%2BPcB%2BfbtU8IghVSV"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c3849380fdb7979-SIN
alt-svc: h3=":8443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 104.26.14.153:80 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 301 Moved Permanently
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 0
Connection: close
Location: https://dev-beta.brancode.io/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=O%2BU9AFpCr%2By%2FDi9oKqyiliLJ4fY5mPegqL1NU%2FT%2B9QwzeZtQ5eou3gGx%2BP%2F1%2FCC90d56YcYi4VNJXpIGuIngy4AZa6Y%2BmRsqf2xGyaXCeBn6Tno%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3849375958eb24-SJC
Open service 2606:4700:20::ac43:4bf7:443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:33 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=eNCs0uSHZhqE1KDD5Tdb56R0uDdlkMUbnjiu%2FxD%2FdFycV%2BKnxFwXmiHKnjUu%2FluKKUOXpDTth52lR1fNPsMgRTcHnq9amhEeJuLIMEhIMMeyJlrwZuxz8K5JrLlDOm5F"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c38493c886a860e-BLR
alt-svc: h3=":443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 2606:4700:20::681a:f99:80 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 301 Moved Permanently
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 0
Connection: close
Location: https://dev-beta.brancode.io/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=i0Sgd2wzqBWnL3nxejB%2F07%2FtfhVYzF57Efb1sOEtAvOVumSVenRR4QSVp1jwhkWWfRubaEtuuVpffsdIoJWwvN3yE4JL0JZw0M4TbzGdshIZDtjhoxemTe%2FaSkkOOCc%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3849374a77fcf6-SIN
Open service 2606:4700:20::681a:e99:80 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 301 Moved Permanently
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 0
Connection: close
Location: https://dev-beta.brancode.io/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=t4ndlcyvFsfrIueDtgx0Zsw4GXv%2B87qS9TdfcvtP7eEsgZszc0NxpiSgKDxwYxM%2BJYc806Sb%2FqMPYA2DCF2fEsxM1UD491wTi9QrUP56QEafv2s4N8GlSoIwoLfmMx8%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3849372af0ace5-EWR
Open service 2606:4700:20::681a:e99:443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=wK4zDM2nh2KSd1REOG4T4AI%2F9Lyd0qjlDebkiryhTutqPs9J%2BGBQcvqSK7%2BIz8f0omL7Qnj6oYQOpeSFx0whDR%2Fsf979OxWwkiuMUSIpK3oMJF9FSLAB8DNFLQt%2FcSQr"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c3849375a861c9f-FRA
alt-svc: h3=":443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 104.26.14.153:8443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ixBO5ON6UW0rB9Hux80G5iHsY6rpaBO47fkyvYGOCq49XdhGIDAEDvBBvH%2F2MEfj%2BOwuTSZVilwVxOBIi4bnvBa83pclHfjn2GvWliqj%2BrHnnQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c3849376d89729c-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 2606:4700:20::ac43:4bf7:80 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 301 Moved Permanently
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 0
Connection: close
Location: https://dev-beta.brancode.io/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=dHIpCbjZHU%2ByHdrBREN89UD6%2B2%2BtVbBA12y%2BI2oQ05AfyzNpPjSbrUmsrnUbsxSmhfWSDSICLPElYVGe%2BUbr2D%2FE2QaMfo%2BVqnEYU9FN3R%2Fo3zVKnW8flFJIxCt654U%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c384936bb6137d0-YYZ
Open service 104.26.14.153:443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=YlYTAFKVjOyzNDeawncKUUh3CtSai%2BEdoPTDkEEduJ7q%2F3y%2Byd4VqkzvGzxrHEDKy%2FbCe5xzrVGMisL22BR7F1DFgeyqjrilwxEVzdrdPw7IETVG"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c384936db2d720c-SJC
alt-svc: h3=":443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 172.67.75.247:443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:33 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=VWi54vGaXxZw9nQo60SWABPk9koYIAwHOrFDaorOF15mQONkfGLM8Fy88GWIsMkbEXqz1qJJscdumPc7QIPyKba7YJEvPN4VZcMBTN7z7xo1i%2FLN"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c3849387e05ab36-YYZ
alt-svc: h3=":443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 104.26.15.153:80 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 301 Moved Permanently
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 0
Connection: close
Location: https://dev-beta.brancode.io/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=fpqsei5DmS4U7QPhhQMUI2kaHaydhbJ73Y%2BgOc0fPPoPHsgUKsIfQzI2pWP%2BpFrafwkcM30SClQZWUUFK5TCSmzAm7IXpjJmLtqZIYQaLnr85j4%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3849369f170ed5-EWR
Open service 172.67.75.247:8443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=R5Q91k6P%2FEX9eVhvRjlDLlgh0y%2BR44DQkcTcNPjUdbBlj5ZaqHabhHRh7J%2FkXEAcWH5vIgH5mazVV9uR7qX%2B%2F5nYMSnU2za67J4n%2Fr5MVP0B429t"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c384936ff94b905-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 2606:4700:20::ac43:4bf7:8443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=BwWK6cBs%2Bc4LwFyYqdb7alPS3hujtz5RNdtS10wszMnNgbiQ8CwJg%2FXY4hZmvZAe3Dr%2F1%2Bd32CfoajZoqFAIWSa8bD6CMhSc0NIMaLT6h7TEB9KCSv63D28KszsiPPPm"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c384936c9d96ad3-SJC
alt-svc: h3=":8443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 2606:4700:20::681a:f99:443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2BAmb%2BkABbcGI4RagE1KTg5FHM7ey20BbnX4N2hk3Hk1nDcd5K5FGU2ysihxBzUSrsTGJVat14M882YvGI3%2FzZN%2F4t7H2ebyIvK4ztNXYcKEmaM8Xtk6lOZQS9IYb9w%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c384936dde119c7-EWR
alt-svc: h3=":443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 172.67.75.247:80 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 301 Moved Permanently
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 0
Connection: close
Location: https://dev-beta.brancode.io/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=lOeHQwBtnW5m4d72xfnHvTJoLr0XDjiXHn%2BOusch0vwDqCyjfJpSHiFiXy0Bn4BJbDCZAsstT3I4exLGxiuwr1MIReJgiByOJQxqwgHAVN5cJQ0%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3849366e2737bd-FRA
Open service 2606:4700:20::681a:f99:8443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:33 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=0y3ycqKrYMpivDIHMb0RYWSTKMf03YzaBVB2weQW1hz6UIt%2BYqhRJq1icd5CxKxs7dkjbidOXYdRDb1ejOdkwUOgickk2YLJIgDuNDyqujmVlwA0r2pfzkfooUwSKvGW"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c3849381ac43dd4-SIN
alt-svc: h3=":8443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 2606:4700:20::681a:e99:8443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:32 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=si31lMeBNjiUWQaPmlAYfm99fUV%2Bc1LoNRIYxF6Gxe2m3hJ5tUyvIFbN7aC26KHaTRUhJYRL3D70KtVLE7oDswXxN%2B8CqN%2B1d7%2BkLD54DKulG1gHhG2b5KhTCISu6Q%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c384936b95780df-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i
Open service 104.26.15.153:443 · dev-beta.brancode.io
2026-01-25 13:58
HTTP/1.1 503 Service Unavailable
Date: Sun, 25 Jan 2026 13:58:33 GMT
Content-Length: 150826
Connection: close
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=c9EIXO%2BJP%2BcAEEEjGaDBEGBoumMnQqUUo9jY9Ldq0HhWhlp02hvuz8UXXnJ62WQXyoAQ6JiQWyePyB9o0vu6vVX0BChKFw1gkBMAsrO%2FBjWLO8No"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c3849380aa4f888-SIN
alt-svc: h3=":443"; ma=86400
Page title: Error - no nodejs_compat compatibility flag
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Error - no nodejs_compat compatibility flag</title>
<style>
html {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen,
Ubuntu,
Helvetica Neue,
Arial,
sans-serif;
font-size: 62.5%;
}
body {
padding: 1rem;
display: flex;
justify-content: center;
}
body > div,
dialog {
max-width: 80rem;
}
h1 {
font-weight: 300;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
h2 {
font-weight: 400;
font-size: 2.3rem;
}
p {
font-size: 1.6rem;
font-weight: 300;
}
header {
margin-block-end: 3.5rem;
}
header .error {
font-size: 4rem;
margin-inline-end: 1rem;
}
header .error-description {
font-size: 2rem;
}
code {
color: rgb(59, 59, 59);
}
.what-can-i-do strong {
font-weight: 500;
display: inline-block;
margin-block-end: 0.5rem;
}
main {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
main > div {
flex: 1;
}
@media (width < 30rem) {
main {
flex-direction: column;
}
}
@media (width < 20rem) {
html {
font-size: 45%;
}
}
dialog {
width: 90vw;
height: 90vh;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid black;
border-radius: 10px;
}
dialog:not([open]) {
display: none;
}
dialog > div {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1rem 2rem;
}
dialog > div * {
max-width: 100%;
}
dialog img {
margin: 1rem;
width: 90%;
display: block;
}
dialog > form {
align-self: flex-end;
}
dialog > form button {
font-size: 2.7rem;
}
dialog > form button:hover {
scale: 1.2;
}
button {
border: none;
background: none;
cursor: pointer;
padding: 0;
}
#more-details-btn {
font-style: italic;
}
#more-details-btn:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<header>
<h1>
<span class="error">Node.JS Compatibility Error</span>
<span class="error-description"
>no <code>nodejs_compat</code> compatibility flag set</span
>
</h1>
</header>
<main>
<div class="what-happened">
<h2>What happened?</h2>
<p>
The page you've requested has been built using
<a
href="https://github.com/cloudflare/next-on-pages"
target="_blank"
>@cloudflare/next-on-pages</a
>, but hasn't been properly configured.
</p>
</div>
<div class="what-can-i-do">
<h2>What can I do?</h2>
<p>
<strong>If you are the owner of this website:</strong>
<br />
You should go to the Pages project's
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions#compatibility_flags_section"
target="_blank"
>Compatibility Flags settings section</a
>
and add the <code>nodejs_compat</code> flag to both your production
and preview environments.
</p>
<p>
<button id="more-details-btn">More details ></button>
</p>
</div>
</main>
</div>
<dialog>
<form method="dialog">
<button>×</button>
</form>
<div>
<p>
In the
<a href="https://dash.cloudflare.com/" target="_blank"
>Cloudflare dashboard</a
>
go to your Pages project and navigate to the
<a
href="https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/settings/functions"
target="_blank"
>Functions settings page</a
>.
</p>
<p>
Then, in the Compatibility Flags section for both the production and
preview environments, type <code>nodejs_compat</code> in the input box
and click on Save to apply the changes:
<img
src="data:image/png;base64,i