49 questions
0
votes
1
answer
17
views
Nuxt Seo from external api ssr
How can I get the seo of my Nuxt app from one external api, in this case strapi, and use it in my app, actually I have this, //
enter code here
import { getEnv } from "../src/utils";
import {...
- 38
-1
votes
1
answer
312
views
Next.js browser back button updates URL but not page content
I'm building an eCommerce website using Next.js. Everything loads and navigates correctly when browsing categories or product pages using links. However, I'm running into an issue when using the ...
0
votes
0
answers
78
views
How to ensure full HTML content is rendered on initial load in Next.js for SEO?
I have a Next.js website where I am using client-side features like context providers. However, I am not getting the full HTML content on the initial HTML response. Instead, the content is loaded ...
1
vote
3
answers
442
views
NextJS 'use client' page
I am new to NextJS so trying to just clarify something.
I am working with NextJS 15 and in a course learnt about server side rendering and client side rendering.
I am working on a page, that acts like ...
- 469
0
votes
0
answers
96
views
How to achieve something like Partial Pre-rendering
I am trying to implement something like :
<header with login related components such as showing login/logout button depending on browser content />
<server side rendered or pre rendered ...
- 107
1
vote
0
answers
48
views
How to make sure that my API is only accessed by my csr frontend
I am making an API using django and drf. My problem is my frontend devs doesn't want to have a ssr application, so I must have a way to protect my API so if a user figures out an endpoint, they can't ...
0
votes
1
answer
868
views
Is it unnecessary to render static content in a server component and then pass it to a client component via a prop in NextJS
I am just wondering if the first of the two examples is redundant since according to the NextJS docs,
Client Components allow you to write interactive UI that is prerendered on the server and can use ...
0
votes
0
answers
84
views
Is vue route guard using client side rendering secure?
I know this has been discussed several times but I am still lacking the information, how easily someone can mess with your authentication logic on the client side.
So this is my understanding of how ...
- 9
1
vote
0
answers
904
views
Error: Unsupported Server Component type: undefined at stringify (<anonymous>). Using Next 14
I was developing my project on Next.js 14 which had frontend and backend seperated. I encountered an error named Error: Unsupported Server Component type: Module. The error appears in the page.tsx ...
- 11
0
votes
0
answers
281
views
NextJS how to display fetched data depending on date now
I'm new to nextJS and frontend technologies.
I am facing a problem. I am trying to display some concerts data in two separate lists depending if they are to come or passed.
When a visitor would come ...
- 1
0
votes
1
answer
110
views
NextJS: Error: Hydration failed because the initial UI does not match what was rendered on the server
Error
Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.
See more info here: https://nextjs.org/docs/messages/react-hydration-error
...
- 39.4k
1
vote
0
answers
953
views
How to make a component with a swiper rendered on the server side?
I'm currently learning next js and writing my pet project: a clothing store.
And I have a question about CSR, SSR and SSG.
I have this component (Hero.tsx):
'use client'
import React, { use } from '...
- 43
1
vote
1
answer
88
views
Convert array of Data into React components on server side but I want the React components to be rendered on the Client side
Let's say I am using the Carousel and Carousel.Item from react-bootstrap. This can only be rendered on the client side.
I want to transform the data on my server into HTML, but still I do not want to ...
0
votes
0
answers
43
views
ISR or SSR returns null on remote
I have a question for you. I tried a page with ISR, which does not work on the remote.
export async function getStaticPaths() {
return {
paths: [],
fallback: "blocking"
};...
- 313
0
votes
1
answer
223
views
Why there is a flickering in counter while rendering the values after count number 20 or before 15 in Next Js when using useState as counter?
I was trying to learn the intercepting routes in NextJs but i got this problem and i am using Nextjs 13.5.4.
This is the code for counter
'use client'
import {useState}from 'react'
export default ...
- 9
0
votes
1
answer
115
views
Javascript- Post customized content on LinkedIn/Facebook other than Meta Tags
I have seen many solutions for sharing on LinkedIn/Facebook. But in those solutions, the content being shared is static, that is the content we are mentioning in OG tags of our index.html file.
But my ...
- 141
0
votes
0
answers
182
views
How to intercept a Firebase website to inject HTML before page is served to client side?
I have a firebase website hosted in Firebase hosting and built using Ionic Framework (Angular 8.2).
The web app uses a client-side rendering (default Angular 8 behavior) and does not load any web app ...
- 14.4k
0
votes
0
answers
677
views
Cannot use import statement outside a module NuxtJs when activate Server-side rendering
I have encountered an issue while trying to enable server-side rendering (SSR) in my Nuxt 2 application. When I set ssr: true in the nuxt.config.js file, I receive the error message "Cannot use ...
- 11
0
votes
1
answer
476
views
Embed a URL for client-side rendering of a Markdown file
One can render a Markdown file on a static site client-side using the code below.
<div id="txt"></div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script&...
- 162
1
vote
0
answers
49
views
What would be different behaviour and result on different values of page options and their combination in Sveltekit?
Sveltekit provide 3 page options givent https://kit.svelte.dev/docs/page-options
prerender
csr
ssr
These are the possible cases
Taking one at a time
e.g. where we are setting
export const prerender ...
- 10.9k
1
vote
1
answer
280
views
Single Product in Nuxt page in nuxt
I am new to Nuxt and trying to make a Single Product. I wonder:
How is it possible to generate multiple pages in SSR and can create a new HTML for each page? Is CSR should be created first and then ...
- 21
1
vote
1
answer
2k
views
Build and run a React SSR application as a pure client side application
My two apps (a CSR and an SSR version of the same app)
I have created a standard Client Side Rendered (CSR) React application using "create-react-app". This is a client side only ...
- 2,370
12
votes
2
answers
9k
views
CSR vs SSR vs Pre-render, which one should I choose?
Currently, my project has two parts, one is before login, and one is after login.
What I want to achieve is, before login needs to be fast and SEO friendly, should I choose pre-render or SSR?
And ...
- 387
0
votes
0
answers
1k
views
React SSR & SPA combined
I am developing a React app with NodeJS backend.
I will provide an SSR of every page of the app (which will also be cached to Redis to reduce duplicate renders) to ensure a strong SEO experience. This ...
- 21.2k
1
vote
1
answer
4k
views
SharePoint 2013 list search box and Client Site Rendering (JSLink)
Im trying to implement a FAQ accordion SharePoint list.
I managed to get the accordion working while using JSLink.
Sadly the search is not working properly.
I used the following code in my JSLink js:
...
- 11