I wrote JavaScript to avoid JavaScript

Re:I wrote JavaScript to avoid JavaScript by zelphirkalt on Monday November 09, 2020 @09:41AM (#25035255)

Aha? That sounds interesting. Usually those "I'm gonna use a full blown framework, although nothing special is needed." websites appear in pure white over the whole screen, with nothing to be seen. Which is usually when I close the tab. Are you saying, that NextJS encourages a design, which keeps no script in mind? Is it its default to render a noscript tag or something? This would definitely raise it in my personal rating.

[ Parent | on HN ]

Re:I wrote JavaScript to avoid JavaScript by dgb23 on Monday November 09, 2020 @11:40AM (#25036587)

To add to what ruicaridade said:

> Are you saying, that NextJS encourages a design, which keeps no script in mind?

It quasi enables it, a NextJS site has three rendering stages:

1. static at build time 2. server side at request time 3. dynamic in the browser

It leverages React hydration for 1-2 and client side React for 3.

If you avoid 3, or rather build your site with progressive enhancement in mind (`noscript` can help but is often not necessary) then this framework makes it very easy for you.

I think https://reactjs.org/ is built with Gatsby (a similar framework, but not as dev friendly in my opinion). And you can browse it just fine with JS off last time I checked.

[ Parent | on HN ]

Re:I wrote JavaScript to avoid JavaScript by ruicaridade on Monday November 09, 2020 @10:01AM (#25035444)

Next has two different ways to deploy:

1. Next renders the React page server-side and sends it as html/css. Once everything is done loading on the client, it becomes a regular React page. Requires a server. 2. Next pre-renders your whole website with data fetched at build time, like Hugo or Jekyll. Drop it on a CDN and you're golden.

[ Parent | on HN ]

Re:I wrote JavaScript to avoid JavaScript by zelphirkalt on Monday November 09, 2020 @11:30AM (#25036459)

Is it able to somehow transform dynamic loading of content into expected clicking of links, upon which the server delivers another static HTML + CSS page? Or is this "prerendering" limited to already static parts of the website?

It would be great to have a web framework, which automatically transforms everything into links, which, when clicked, cause the server to deliver an updated HTML + CSS, which shows the same info, as one would have seen with a dynamic update using AJAX.

[ Parent | on HN ]

Re:I wrote JavaScript to avoid JavaScript by dgb23 on Monday November 09, 2020 @03:43PM (#25039633)

Something like this? https://github.com/turbolinks/turbolinks

[ Parent | on HN ]

Re:I wrote JavaScript to avoid JavaScript by zelphirkalt on Tuesday November 10, 2020 @02:57AM (#25043698)

Hmmm more like: "I actually have a JS framework website, which would use AJAX to load parts of the page to update pages and not reload the whole page, _however_, if you have JS deactivated or blocked, I will automatically work using normal links, which then work as if someone had taken the effort of writing all the code for making the dynamic portion of the page work by just using links and full page reloads." -- So kinda like magic.

But what you linked to is interesting nevertheless. :)

[ Parent | on HN ]