rsnext/examples/with-turbopack
2023-07-05 21:45:39 +00:00
..
app Fix all 404 links (#51209) 2023-06-13 14:25:40 +00:00
lib update with-turbopack example (#49332) 2023-05-18 17:33:02 +00:00
pages update with-turbopack example (#49332) 2023-05-18 17:33:02 +00:00
public update with-turbopack example (#49332) 2023-05-18 17:33:02 +00:00
styles Add turbopack example (#41789) 2022-10-25 10:21:53 -07:00
ui Use correct casing in filenames (#50223) 2023-05-23 17:49:36 +00:00
.gitignore Remove incorrect entries for pnpm debug log (#47241) 2023-03-26 22:26:05 -07:00
.npmrc Add turbopack example (#41789) 2022-10-25 10:21:53 -07:00
next-env.d.ts Add turbopack example (#41789) 2022-10-25 10:21:53 -07:00
next.config.js chore: remove experimental appDir: true from examples (#52289) 2023-07-05 21:45:39 +00:00
package.json update with-turbopack example (#49332) 2023-05-18 17:33:02 +00:00
postcss.config.js update with-turbopack example (#49332) 2023-05-18 17:33:02 +00:00
README.md Turbopack alpha -> beta (#49103) 2023-05-04 16:53:40 +02:00
tailwind.config.ts update with-turbopack example (#49332) 2023-05-18 17:33:02 +00:00
tsconfig.json update with-turbopack example (#49332) 2023-05-18 17:33:02 +00:00

Next.js + Turbopack App Directory Playground

Turbopack is a new incremental bundler optimized for JavaScript and TypeScript, written in Rust by the creators of Webpack and Next.js at Vercel. On large applications Turbopack updates 10x faster than Vite and 700x faster than Webpack (benchmark). For the biggest applications the difference grows even more stark with updates up to 20x faster than Vite.

This playground is a mirror of the Next.js v13 App Directory Playground, but uses Turbopack as the Next.js development server (next dev --turbo).

As a reminder, Turbopack is currently in beta and not yet ready for production. We appreciate your ongoing support as we work to make it ready for everyone.

Running Locally

  1. Install dependencies: yarn
  2. Start the dev server: yarn dev

Note: The playground uses Tailwind CSS via PostCSS.

For more information, see: https://turbo.build/pack/docs/features/css#tailwind-css

Documentation

https://nextjs.link/with-turbopack

Providing Feedback

https://nextjs.link/turbopack-feedback