fully static, zero JS pages (no React runtime, no rehydration) + Ability to bundle raw scripts (like Astro.js) #45174

UROjQ6r80p · 2023-01-18T15:28:17Z

UROjQ6r80p
Jan 18, 2023

Describe the feature you'd like to request

Fully static pages + ability to add custom <script> out of the box (without React runtime, hydration etc.)

I've seen this thread #5054 but from the responses there one could assume this is not really a big thing.

Astro.js proved that demand for this approach is quite big, and I think it's better to look at Astro.js popularity, and not a gatsby-plugin-no-javascript numbers.

Describe the solution you'd like

I believe this sort of syntax out of the box would be a very useful feature, and that there is a growing demand for this approach.

pages/index.js

import NextRawScript from 'next/script';

function Index() {
    return (
        <div>
            <NextRawScript src="../anyfolder/script.js" />
            <h1>Hello, world!</h1>
            <button id="btn">Click me!</button>
        </div>
    )
}

anyfolder/script.js

// no React runtime, no rehydration
import axios from 'axios';

document.querySelector('#btn').addEventListener('click', e => axios.get(...), false);

possible output without React runtime, and fully tailored script bundle without React.

<head>
    <script defer src="script.5777c6664bc156.js"></script>
    ...
</head>
...
<body>
    <h1>Hello, world!</h1>
    <button id="btn">Click me!</button>
    // no rehydration = no need for __NEXT_DATA__ script
</body>

Describe alternatives you've considered

Astro.js - not mature enough + ecosystem not mature enough.
unstable_runtimeJS option in Next.js - "unstable", no desire to add it into Next.js as a stable feature, and no ability to add custom scripts out of the box.

CHAOSX0 · 2023-11-08T19:07:52Z

CHAOSX0
Nov 8, 2023

up this

0 replies

karpolan · 2024-02-20T17:59:23Z

karpolan
Feb 20, 2024

Something similar was achievable with unstable_runtimeJS: false but this config isn't supported for App Router.

So I double the request: we need a way to build small static pages without any JS bundle at all :)

0 replies

nicholasray · 2024-04-04T05:15:21Z

nicholasray
Apr 4, 2024

I would love to have this!

0 replies

budishevskii · 2024-05-17T09:50:07Z

budishevskii
May 17, 2024

I would also like this

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fully static, zero JS pages (no React runtime, no rehydration) + Ability to bundle raw scripts (like Astro.js) #45174

Uh oh!

{{title}}

Uh oh!

Replies: 4 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

fully static, zero JS pages (no React runtime, no rehydration) + Ability to bundle raw scripts (like Astro.js) #45174

Uh oh!

UROjQ6r80p Jan 18, 2023

Describe the feature you'd like to request

Describe the solution you'd like

Describe alternatives you've considered

Replies: 4 comments

Uh oh!

CHAOSX0 Nov 8, 2023

Uh oh!

karpolan Feb 20, 2024

Uh oh!

nicholasray Apr 4, 2024

Uh oh!

budishevskii May 17, 2024

UROjQ6r80p
Jan 18, 2023

CHAOSX0
Nov 8, 2023

karpolan
Feb 20, 2024

nicholasray
Apr 4, 2024

budishevskii
May 17, 2024