Q51. How do you optimize fonts in Next.js?
Next.js includes the built-in **`next/font`** module, which automatically optimizes typography and removes external network requests for zero layout shift: ### Core Benef...
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 ×
Q52. How do you enable custom fonts in Next.js?
By using the next/font package to optimize and load custom fonts. ```js import { Inter } from "next/font/google"; const inter = Inter({ subsets: ["latin"] }); export defa...
Q53. How do you configure Webpack in Next.js?
By adding a custom webpack configuration in next.config.js. ```js module.exports = { webpack: ( config, { buildId, dev, isServer, defaultLoaders, webpack } ) => { // Note...
Q54. How do you configure a custom Babel setup in Next.js?
By default, Next.js uses the high-performance Rust-based **SWC compiler**, which is up to 17x faster than Babel. However, if your project relies on legacy custom Babel pl...
Q55. What is the purpose of next-env.d.ts?
**`next-env.d.ts`** is an auto-generated TypeScript declaration file placed at the root of a Next.js project. ### What It Does: It contains TypeScript reference directive...
Q56. What is the purpose of next-compose-plugins?
**`next-compose-plugins`** was a popular community utility library used in older Next.js projects to cleanly chain and compose multiple configuration plugins in `next.con...
Q57. How do you add polyfills in Next.js?
Next.js automatically provides polyfills for widely used modern ECMAScript features (such as `Promise`, `fetch`, `Object.assign`, `Symbol`, and `URL`) targeting browsers ...
Q58. What is static optimization in Next.js?
**Automatic Static Optimization** is a core Next.js feature where the build system automatically analyzes each page to determine whether it can be pre-rendered as pure st...
Q59. How do you handle internationalization (i18n) in Next.js?
By configuring i18n settings in next.config.js. ```js module.exports = { i18n: { locales: ["en", "fr"], defaultLocale: "en", }, }; ```
Q60. What is React Strict Mode in Next.js?
A development mode only feature for highlighting potential problems in an application. It helps to identify unsafe lifecycles, legacy API usage, and a number of other fea...