https://github.com/tomitrescak/skill-extract-ui
https://github.com/tomitrescak/skill-extract-ui
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tomitrescak/skill-extract-ui
- Owner: tomitrescak
- Created: 2022-11-10T01:57:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-10T03:28:25.000Z (over 2 years ago)
- Last Synced: 2025-02-07T19:35:06.810Z (4 months ago)
- Language: TypeScript
- Homepage: skill-extract-ui.vercel.app
- Size: 151 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js + Turbopack App Directory Playground
[Turbopack](https://turbo.build/pack) is a new incremental bundler optimized for JavaScript and TypeScript, written in Rust by the creators of Webpack and Next.js at [Vercel](https://vercel.com). On large applications Turbopack updates 10x faster than Vite and 700x faster than Webpack ([benchmark](https://turbo.build/pack/docs/benchmarks)). 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](https://github.com/vercel/app-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`
1. Start the dev server: `yarn dev`
**Note:** The playground uses [Tailwind CSS](https://tailwindcss.com). However, Turbopack does not yet support fully [PostCSS](https://turbo.build/pack/docs/features/css#postcss), but it does support CSS and CSS Modules. [As a workaround](https://turbo.build/pack/docs/features/css#tailwind-css), 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:
```bash
yarn add concurrently --dev
```
Then modify your `dev` script in `package.json`:
```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