Q71. What is SSR: false in dynamic import?
It disables server-side rendering for a dynamically imported component, ensuring it only loads on the client side. ```jsx import dynamic from "next/dynamic"; const Dynami...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (188 available).
Active:
Tag: nextjs ×
Q72. How do you add Google Analytics to a Next.js project?
By using the next/script component to load the Google Analytics script. ```jsx import Script from "next/script"; export default function MyApp() { return ( {` window.data...
Q73. How do you add meta tags in Next.js?
Using the Head component from next/head. ```jsx import Head from "next/head"; function IndexPage() { return ( My page title Hello world! ); } export default IndexPage; ``...
Q74. How to add sitemap in Next.js app?
To add a sitemap in Next.js app router, you can use the `next-sitemap` package. First, install it: ```bash npm install next-sitemap ``` Then, create a `next-sitemap.confi...
Q75. How do you handle CORS in Next.js API routes?
By setting appropriate headers in the API route response. ```js export default function handler(req, res) { res.setHeader("Access-Control-Allow-Origin", "*"); res.setHead...
Q76. How do you manage cookies in Next.js?
By using the cookie package or next-cookies to read and write cookies in API routes or server-side functions. ```js import Cookies from "cookies"; export default function...
Q77. What is the purpose of next/dynamic?
For dynamic importing of components with support for SSR. ```jsx import dynamic from "next/dynamic"; // Client-side only component const DynamicComponentWithNoSSR = dynam...
Q78. How to consider security in Next.js app router?
To consider security in Next.js app router, you can follow these best practices: - Use HTTPS for all requests to ensure data is encrypted in transit. - Implement authenti...
Q79. What is the useTranslation hook in Next.js?
**`useTranslation`** is a custom hook provided by the **`next-i18next`** and **`react-i18next`** libraries for implementing internationalization (i18n) and multi-language...
Q80. What is AMP in Next.js?
**AMP (Accelerated Mobile Pages)** is an open-source HTML framework created by Google to build ultra-fast, lightweight web pages for mobile devices by strictly constraini...