nextjs · Next.js Docs
Next.js Supported Browsers
Configuring browser support and polyfills in Next.js using Browserslist, instrumentation-client.js for App Router, or top-level imports for Pages Router.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Next.js Supported Browsers
Configuring browser support and polyfills in Next.js using Browserslist, instrumentation-client.js for App Router, or top-level imports for Pages Router.
When To Use
Use when you need to target specific browser versions via Browserslist or implement custom polyfills for unsupported JavaScript features in App Router or Pages Router environments.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/nextjs-supported-browsers-workflow-guide.md | A list of modern browser versions supported by Next.js and instructions for configuring Browserslist and polyfills. | Questions about a list of modern browser versions supported by Next.js and instructions for configuring Browserslist and polyfills. |
examples/nextjs-supported-browsers-nextjs-supported-browserslist.json | A JSON object containing the browserslist configuration used by Next.js to define supported browser versions. | Exact payloads, commands, or snippets shown in A JSON object containing the browserslist configuration used by Next.js to define supported browser versions. |
examples/nextjs-supported-browsers-polyfills-import-typescript.ts | A TypeScript code snippet demonstrating how to import polyfills to ensure compatibility with supported browsers in a Next.js application. | Exact payloads, commands, or snippets shown in A TypeScript code snippet demonstrating how to import polyfills to ensure compatibility with supported browsers in a... |
examples/nextjs-supported-browsers-polyfill-import.tsx | A TypeScript React component demonstrating how to import polyfills in a Next.js application to support specific browser environments. | Exact payloads, commands, or snippets shown in A TypeScript React component demonstrating how to import polyfills in a Next.js application to support specific brows... |
examples/nextjs-supported-browsers-polyfill-import.jsx | A JSX code example demonstrating how to import polyfills within a Next.js application component. | Exact payloads, commands, or snippets shown in A JSX code example demonstrating how to import polyfills within a Next.js application component. |
examples/nextjs-supported-browsers-structured-clone-polyfill-typescript.ts | A TypeScript code example demonstrating how to conditionally import a polyfill for the structuredClone API based on browser support within a Next.js application. | Exact payloads, commands, or snippets shown in A TypeScript code example demonstrating how to conditionally import a polyfill for the structuredClone API based on b... |
examples/nextjs-supported-browsers-structured-clone-polyfill.js | A JavaScript code example demonstrating how to conditionally import a polyfill for the structuredClone API based on browser support within a Next.js application. | Exact payloads, commands, or snippets shown in A JavaScript code example demonstrating how to conditionally import a polyfill for the structuredClone API based on b... |
What This Skill Covers
- For an index of all Next.js documentation, see /docs/llms.txt. Next.js supports modern browsers with zero configuration.
- Main sections:
Browserslist,Polyfills,Custom Polyfills,In App Router,In Pages Router.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://nextjs.org/docs/architecture/supported-browsers