Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions apps/landing/src/app/(detail)/docs/installation/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down
27 changes: 27 additions & 0 deletions apps/landing/src/app/(detail)/docs/quick-start/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down
Loading