---
title: "Preact"
locale: "en"
version: "1.x"
canonicalUrl: "https://farmfe.org/docs/1.x/frameworks/preact"
publicationStatus: "prerelease"
---
# Preact
Create a ` Preact ` project based on ` Farm `.
` Farm ` provides two approaches to support creating ` Preact ` projects:
- Use the ` create-farm ` scaffold to create a scaffold project
- You can manually create a ` Preact ` project following the current documentation
### Creating a Preact Project
**npm**
```sh
npm create farm@latest
```
**pnpm**
```sh
pnpm create farm@latest
```
**yarn**
```sh
yarn create farm@latest
```
**bun**
```sh
bun create farm@latest
```
Select ` Preact ` template in ` Select Framework `
> [!WARNING]
> Preact
>
> For ` Preact ` support, ` Farm ` recommends using ` Vite ` plugins.
```javascript
import { defineConfig } from '@farmfe/core';
import Preact from "vite-plugin-preact";
export default defineConfig({
plugins: [Preact()],
});
```
If you want to start DevServer
**npm**
```sh
npm dev
```
**pnpm**
```sh
pnpm dev
```
**yarn**
```sh
yarn dev
```
**bun**
```sh
bun dev
```
If you need to run the build production environment product command
**npm**
```sh
npm build
```
**pnpm**
```sh
pnpm build
```
**yarn**
```sh
yarn build
```
**bun**
```sh
bun build
```
If you need to preview your build product
**npm**
```sh
npm preview
```
**pnpm**
```sh
pnpm preview
```
**yarn**
```sh
yarn preview
```
**bun**
```sh
bun preview
```
For more example details: [Preact Example]()