Sever Side Rendering with NodeJS

[Petruchocho]

Thank you for clarifying.

[Teodor]

Anyway, you can always add server-side bindings from the server action selected on the page using this option:

[baitabihaviour]

Hi,

I tried to follow this tutorial from beginning.
Somehow I’m lost when ‘Content Page Setup’ part.
Why my content page, server-side data parts are different from your screenshot?

And when I click the select server action, I only find ‘API’. I can’t find the Server Actions folder with meta tags as per the screenshot?

Am I missing some steps?

[revjrblack]

Teo:

I’m curious, will server side rendering with NodeJS speed up the data delivery on the page? Or is there another way to speed up a query to display the data?

[baitabihaviour]

hi, @Teodor any chance to respond to my question above?
Still can’t figure out how to set up the content page

[baitabihaviour]

I tried directly write the page title & description to server side data, but somehow those page template not updated when navigate across the page.

Any way to change the title (from Layout template data) when navigate to change page?

[ben]

Have a look at

Correct Title and Meta Description for SPA

Loving the routing system, specifically the idea of a SPA, I had a go at being able to dynamically show the page Title and Meta Description tags. This is extremely important for SEO. Firstly, the reason I like the idea of SPA is because, for simple static sites, it is so easy to modify and maintain. The index page acts as a sort of template with all of the dependent files in one place. To dynamically populate the name tags, we firstly need a database in the form of a JSON file. The file will l…

Near the bottom, I show the database version which is what you are alluding to.

[ben]

@revjrblack

I’m curious, will server side rendering with NodeJS speed up the data delivery on the page?

No.

Server side rendering creates HTTP requests, while client side rendering is performed within the browser; no page refresh.

Use HTTP/2 (even better: HTTP/3) and a CDN plus a Service Worker that caches the data for returning users,

[revjrblack]

Thanks for your help Ben!

Is this Service Worker be installed within or outside Wappler by a knowledge limited user like me? Or is this a subscription service by a third party?

What would you recommend?

[baitabihaviour]

Hi Ben,

Thank you for the response.

I tried to follow what you are doing here

However, I experience the error ‘JSON Data Source Not Found’.

I put the JSON data inside views/data folder.

Any step that I missed here?

Thank you!

[ben]

Have a look at

Converting a website into a PWA part 1

[ben]

Have you inserted a JSON Data Source to the page?

[revjrblack]

Thanks Ben!

[baitabihaviour]

Hi Ben,

Yes, I do. I guess this is a bug?

[bpj]

I think, as it is client-side, the json file will need to be in a public folder - not the views folder

[baitabihaviour]

Hi @bpj

I move it to a public folder. However, it remains the same.

[baitabihaviour]

Found the issue. JSON data is not found when selecting data using ‘Folder Button’.
Remove the ‘/’ in front, now it works. Already report the bugs.

Thanks @bpj @ben