Go to file
Kasper Juul Hermansen 1e646e6ee5
Some checks reported errors
continuous-integration/drone/pr Build encountered an error
continuous-integration/drone/push Build encountered an error
Update all dependencies
2024-05-06 14:20:50 +00:00
app standalone is not ready yet 2022-11-06 23:17:51 +01:00
lib update with gitlog 2022-11-12 12:55:28 +01:00
posts@3dcff448a8 update with gitlog 2022-11-12 12:55:28 +01:00
public add sub git and git-tools 2022-11-06 21:07:22 +01:00
styles with time 2022-11-06 21:36:43 +01:00
.dockerignore trying to get nextjs to work 2022-11-06 22:52:29 +01:00
.drone.yml trying to get nextjs to work 2022-11-06 22:52:29 +01:00
.gitignore add sub git and git-tools 2022-11-06 21:07:22 +01:00
.npmrc add sub git and git-tools 2022-11-06 21:07:22 +01:00
Dockerfile Update harbor.server.kjuulh.io/kjuulh/git-log Docker tag to v1683275780732 2023-05-05 09:07:04 +00:00
next-env.d.ts add sub git and git-tools 2022-11-06 21:07:22 +01:00
next.config.js standalone is not ready yet 2022-11-06 23:17:51 +01:00
package.json Update all dependencies 2024-05-06 14:20:50 +00:00
README.md add sub git and git-tools 2022-11-06 21:07:22 +01:00
renovate.json Add renovate.json 2022-11-06 21:57:15 +00:00
tailwind.config.js add sub git and git-tools 2022-11-06 21:07:22 +01:00
tsconfig.json add sub git and git-tools 2022-11-06 21:07:22 +01:00
yarn.lock Update all dependencies 2024-05-06 14:20:50 +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 alpha 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. However, Turbopack does not yet support fully PostCSS, but it does support CSS and CSS Modules. As a workaround, we run Tailwind through it's CLI upon postinstall. For live reload of CSS, you can run Tailwind in another process with the --watch flag or install concurrently and modify your dev script:

yarn add concurrently --dev

Then modify your dev script in package.json:

{
  "scripts": {
    "dev": "concurrently \"next dev --turbo\" \"npm run tailwind --watch\""
  }
}

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