diff --git a/apps/landing/src/app/(detail)/docs/installation/page.mdx b/apps/landing/src/app/(detail)/docs/installation/page.mdx index dd9af932..111b1746 100644 --- a/apps/landing/src/app/(detail)/docs/installation/page.mdx +++ b/apps/landing/src/app/(detail)/docs/installation/page.mdx @@ -94,6 +94,47 @@ export default defineConfig({ }) ``` +### Using Devup UI with Webpack + +If you are using Webpack directly, you can install the Webpack plugin. + +```bash +npm install @devup-ui/webpack-plugin +``` + +Add the plugin to your Webpack configuration. + +```js +// webpack.config.js + +import { DevupUIWebpackPlugin } from '@devup-ui/webpack-plugin' + +export default { + plugins: [new DevupUIWebpackPlugin()], +} +``` + +### Using Devup UI with Bun + +If you are using Bun as the bundler, install the Bun plugin with Devup UI. + +```bash +bun add @devup-ui/react @devup-ui/bun-plugin +``` + +Import the plugin before running your Bun build so it can register itself with Bun. + +```ts +// build.ts + +import '@devup-ui/bun-plugin' + +await Bun.build({ + entrypoints: ['./src/index.tsx'], + outdir: './dist', +}) +``` + ## Project Examples - [Next.js Example](https://github.com/dev-five-git/devup-ui/tree/main/apps/next) diff --git a/apps/landing/src/app/(detail)/docs/quick-start/page.mdx b/apps/landing/src/app/(detail)/docs/quick-start/page.mdx index cf38fe51..68c68ce0 100644 --- a/apps/landing/src/app/(detail)/docs/quick-start/page.mdx +++ b/apps/landing/src/app/(detail)/docs/quick-start/page.mdx @@ -19,6 +19,10 @@ npm install @devup-ui/react npm install @devup-ui/vite-plugin # for Vite npm install @devup-ui/next-plugin # for Next.js npm install @devup-ui/rsbuild-plugin # for Rsbuild +npm install @devup-ui/webpack-plugin # for Webpack + +# Or use the Bun plugin in Bun projects +bun add @devup-ui/react @devup-ui/bun-plugin ``` ## 2. Configure Your Build Tool @@ -60,6 +64,29 @@ export default defineConfig({ }) ``` +### Webpack + +```js +// webpack.config.js +import { DevupUIWebpackPlugin } from '@devup-ui/webpack-plugin' + +export default { + plugins: [new DevupUIWebpackPlugin()], +} +``` + +### Bun + +```ts +// build.ts +import '@devup-ui/bun-plugin' + +await Bun.build({ + entrypoints: ['./src/index.tsx'], + outdir: './dist', +}) +``` + ## 3. Create Your First Component ```tsx