server-side-rendering Questions

19

Solved

Not sure why the error is coming up, heres my index.js and App.js (the default export). I have used export default in the app.js. index.js: import "./index.css"; import App from "./App"; import "...
Specs asked 23/1, 2020 at 7:46

8

Solved

When i run my NextJS app using npm run dev the Image component gives the error "missing required "width" property" To make the app work, i need to set width and height as inline...
Vogel asked 19/3, 2023 at 9:44

18

Solved

on a web application I want to display two different Menu, one for the Mobile, one for the Desktop browser. I use Next.js application with server-side rendering and the library react-device-detect....
Whipsaw asked 26/12, 2019 at 22:19

4

i have created project with firebase store. Now i want to implement server side rendering on it. After i did everything for ssr when i run program this is what i get ReferenceError: window is not d...
Cablegram asked 27/4, 2021 at 12:19

4

Recently I am migrate angular from 16 to 17 and start showing localStorage is not defined error. I saw some solutions to disable ssr from angular.json From "server": "src/main.server...
Endow asked 23/11, 2023 at 3:40

8

Solved

Next13 is out, and they advise to use the new app directory where every component is by default a "Server Component" Inside a "server Component", you can use: async/await to fe...
Gravity asked 22/12, 2022 at 14:22

12

I just upgraded my Angular 6 project to Angular 11. This project has SSR implemented and here is the issue. When I run ng run myapp:server I get this error: ✔ Server application bundle generation c...
Inclining asked 22/4, 2021 at 14:10

1

I have a nextjs 14 project which is using server side rendering, I have added both console.log and Winston logger in my server components and both the logs are displayed when I run npm run build. H...
Consociate asked 16/4, 2024 at 8:38

3

I have <MobileLayout />, <DesktopLayout />. I'm using Next.js for Server Side Rendering. And I noticed there are many famous ui library has mobile detection components like <Respnosi...
Yelmene asked 2/6, 2020 at 1:26

1

I have set up and used successfully Angular5 + SSR. It is still pretty nice. All components work well on SSR and Non-SSR. And there are some services which call external HTTP get APIs to get some...
Fly asked 19/3, 2018 at 4:5

3

Solved

I have developed a web app that uses Nextjs app for the frontend and a Python (Django) API server as the backend. Most of my front-end pages have API calls to my backend server (in ComponentDidMoun...
Ramshackle asked 11/5, 2020 at 7:27

3

Solved

I got this error after updating to angular 17: NG02801: Angular detected that `HttpClient` is not configured to use `fetch` APIs. It's strongly recommended to enable `fetch` for applications that ...
Ellsworthellwood asked 19/11, 2023 at 21:53

4

Solved

I have done development of Next Js application and as of now I have done auto deployment using vercel Things are fine as of now.. But here came the requirement that I need to build the Next Js appl...
Delora asked 21/8, 2020 at 7:42

2

Solved

I would like to redirect a certain group of users to another URL (external) before the page is loaded, i.e. with middleware. Since I use nuxt in ssr-mode and redirect the users in layouts/default v...

4

So with React 18 came RSC. I'd like to know how is it different from SSR we have in NextJS.
Auten asked 24/5, 2023 at 16:57

11

Solved

Is it possible to disable ssr on some pages using Next js? For example, I have a page with a product description on which I use ssr for SEO but I also have a page with a list of items or products w...
Acceptable asked 4/11, 2018 at 10:35

2

I'm working on a Next.js/Django project, which the user is able to add some redirect logic from the admin panel like: [ { source: "/about", destination: "google.com" }, { so...

5

Solved

Error: Event handlers cannot be passed to Client Component props. ^^^^^^^^^^ If you need interactivity, consider converting part of this to a Client Component. const reqHelp = () => { Swal.fi...
Libreville asked 17/11, 2022 at 7:28

5

Solved

I am fairly new to Next js and its deployment process. I have recently converted one of my react js projects to Next js in order to advantage of the server-side rendering feature Next js offers. No...
Furrier asked 21/11, 2020 at 19:10

11

Solved

I am using nextjs and mui. I am facing a warning when rendering pages. Here is my code. Please help to solve the issue!!! import "../styles/globals.scss"; import { AppProps } from "n...

3

I'm migrating my Next 12 app to Next 13 and its new /app directory. I have a <LoginPage> component (rendered @ /login) and obviously, it needs to use hooks to manage form data. As such, I hav...
Scrutineer asked 3/6, 2023 at 19:27

6

Solved

How do you pass props to the the page.jsx of layout? (NEXT 13) //app/blog/layout.jsx export default function RootLayout({ children }) { return ( <div> <Navbar /> <Sidebar /> ...
Terrie asked 25/11, 2022 at 13:2

3

I have a Next.js app with SSR which relies on environment variables. When I deploy the app to AWS Amplify, 2 Lambda functions are created. I have my environment variables setup in Amplify, however,...
Natala asked 16/6, 2021 at 21:40

5

Solved

ERROR ReferenceError: document is not defined import { readFileSync } from 'fs'; const domino = require('domino'); // import the library `domino` const DIST_FOLDER = join(process.cwd(), 'dis...
Scherle asked 11/3, 2020 at 12:40

7

I have to send current language on endpoint. But getting language from Cookie returns undefined inside getServerSideProps. export async function getServerSideProps(context) { const lang = await Co...
Scone asked 12/9, 2020 at 12:33

© 2022 - 2025 — McMap. All rights reserved.