nextjs · Next.js Docs
Next.js Compiler
Explains the Next.js Compiler architecture based on SWC and provides specific configuration steps for integrating supported features like Styled Components, Jest, and Relay.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Next.js Compiler
Explains the Next.js Compiler architecture based on SWC and provides specific configuration steps for integrating supported features like Styled Components, Jest, and Relay.
When To Use
Use when you need to configure the Next.js compiler to support specific libraries like Styled Components, set up Jest for testing, or enable Relay support in a Next.js application.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/nextjs-next-js-compiler-workflow-guide.md | An overview of the Next.js Compiler architecture, detailing its use of Rust and SWC for code transformation and minification. | Questions about an overview of the Next.js Compiler architecture, detailing its use of Rust and SWC for code transformation and minif... |
examples/nextjs-next-js-compiler-nextjs-compiler-configuration.js | A JavaScript configuration object demonstrating how to enable the styled-components compiler option in Next.js. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to enable the styled-components compiler option in Next.js. |
examples/nextjs-next-js-compiler-nextjs-compiler-styled-components-configuration.js | A JavaScript configuration object demonstrating how to enable and customize styled-components options within the Next.js compiler settings. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to enable and customize styled-components options within the Next... |
examples/nextjs-next-js-compiler-nextjs-compiler-jest-configuration.js | A JavaScript code snippet demonstrating how to configure Jest with the Next.js compiler using createJestConfig. | Exact payloads, commands, or snippets shown in A JavaScript code snippet demonstrating how to configure Jest with the Next.js compiler using createJestConfig. |
examples/nextjs-next-js-compiler-nextjs-compiler-relay-configuration.js | A JavaScript configuration object demonstrating how to enable and configure the Relay compiler within the Next.js compiler settings. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to enable and configure the Relay compiler within the Next.js com... |
examples/nextjs-next-js-compiler-nextjs-compiler-configuration-2.js | A JavaScript configuration object demonstrating the use of the reactRemoveProperties compiler option in Next.js. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating the use of the reactRemoveProperties compiler option in Next.js. |
examples/nextjs-next-js-compiler-nextjs-compiler-configuration-3.js | A JavaScript configuration object demonstrating how to customize the Next.js compiler using the reactRemoveProperties option. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to customize the Next.js compiler using the reactRemoveProperties... |
examples/nextjs-next-js-compiler-nextjs-compiler-configuration-4.js | A JavaScript configuration object demonstrating how to enable the Next.js compiler with specific options like removing console statements. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to enable the Next.js compiler with specific options like removin... |
examples/nextjs-next-js-compiler-nextjs-compiler-remove-console-configuration.js | A JavaScript configuration object demonstrating how to use the Next.js compiler to exclude specific console methods from being removed. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to use the Next.js compiler to exclude specific console methods f... |
examples/nextjs-next-js-compiler-nextjs-compiler-configuration-options.js | A JavaScript object demonstrating the compilerOptions configuration for the Next.js compiler. | Exact payloads, commands, or snippets shown in A JavaScript object demonstrating the compilerOptions configuration for the Next.js compiler. |
examples/nextjs-next-js-compiler-nextjs-compiler-configuration-options-2.js | A JavaScript object demonstrating compiler configuration options such as jsxImportSource for the Next.js compiler. | Exact payloads, commands, or snippets shown in A JavaScript object demonstrating compiler configuration options such as jsxImportSource for the Next.js compiler. |
examples/nextjs-next-js-compiler-nextjs-compiler-emotion-configuration.js | A JavaScript configuration object demonstrating how to enable and customize the Emotion CSS compiler options within Next.js. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to enable and customize the Emotion CSS compiler options within N... |
examples/nextjs-next-js-compiler-nextjs-compiler-transpile-packages-config.js | A JavaScript configuration object demonstrating the use of the transpilePackages option within the Next.js compiler settings. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating the use of the transpilePackages option within the Next.js compiler s... |
examples/nextjs-next-js-compiler-nextjs-compiler-define-configuration.js | A JavaScript configuration object demonstrating how to use the Next.js compiler define option to inject environment variables and constants. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to use the Next.js compiler define option to inject environment v... |
examples/nextjs-next-js-compiler-nextjs-compiler-run-after-production-compile.js | A JavaScript code example demonstrating how to implement the runAfterProductionCompile hook within the Next.js compiler configuration. | Exact payloads, commands, or snippets shown in A JavaScript code example demonstrating how to implement the runAfterProductionCompile hook within the Next.js compil... |
examples/nextjs-next-js-compiler-nextjs-compiler-swc-trace-profiling-config.js | A JavaScript configuration object enabling experimental SWC trace profiling for the Next.js compiler. | Exact payloads, commands, or snippets shown in A JavaScript configuration object enabling experimental SWC trace profiling for the Next.js compiler. |
examples/nextjs-next-js-compiler-nextjs-compiler-swc-plugin-configuration.js | A JavaScript configuration object demonstrating how to enable experimental SWC plugins within the Next.js compiler settings. | Exact payloads, commands, or snippets shown in A JavaScript configuration object demonstrating how to enable experimental SWC plugins within the Next.js compiler se... |
What This Skill Covers
- For an index of all Next.js documentation, see /docs/llms.txt. The Next.js Compiler, written in Rust using SWC, allows Next.js to transform and minify your J...
- Main sections:
Why SWC?,Supported Features,Styled Components,Jest,Relay.
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/nextjs-compiler