Files
Ben Gubler 41e39426eb Remove automatic linting from build (#83136)
### What?
This PR removes the automatic ESLint linting that previously ran during `next build`. The documentation has been updated to reflect this change.

### Why?
As part of Next.js 16, we're removing the automatic build-time linting that was previously included in the build process. This gives developers more control over when linting runs by explicitly invoking their linter via npm scripts.

### How?
- Updated documentation to clarify that automatic build-time linting has been removed in Next.js 16
- Removed the `runLint` parameter and related linting code from the build process
- Removed the `verifyAndLint.ts` file which is no longer needed
- Simplified type checking code by removing lint-related functionality
- Removed ESLint telemetry during builds
2025-10-08 16:35:07 -07:00
..
2025-04-23 20:48:58 -05:00

Panda CSS Example

This example contains a simple implementation of Panda CSS. It contains styling for a link made in four different approaches supported by Panda CSS. Refer to the documentation for when to use - and how to combine - the different approaches to suit your needs.

  • Atomic Recipe (CVA) Create multi-variant atomic styles with a type-safe runtime API.
  • Atomic Style Type-safe reusable atoms with small CSS footprint.
  • Config Recipe Reusable recipes extracted and generated just-in-time.
  • Text Styles Global text styles for consistent and legible typography.

Demo

https://example-panda-css.vercel.app/

Deploy your own

Deploy with Vercel

How to use

Execute create-next-app with npm, Yarn, pnpm, or Bun to bootstrap the example:

npx create-next-app --example panda-css panda-css-app
yarn create next-app --example panda-css panda-css-app
pnpm create next-app --example panda-css panda-css-app
bunx create-next-app --example panda-css panda-css-app

Deploy it to the cloud with Vercel (Documentation).