Solid

Create a Solid project based on Farm.

Farm provides two approaches to support creating Solid projects:

• Use the create-farm scaffold to create a scaffold project
• You can manually create a Solid project following the current documentation

Creating a Solid Project

npmyarnpnpmbun

sh

npm create farm@latest

sh

yarn create farm@latest

sh

pnpm create farm@latest

sh

bun create farm@latest

Select Solid template in Select Framework

import { defineConfig } from '@farmfe/core';
import solid from 'vite-plugin-solid';

export default defineConfig({
  vitePlugins: [
    () => ({
      vitePlugin: solid(),
      filters: ['\\.tsx$', '\\.jsx$']
    })
  ]
});

If you want to start DevServer

npmyarnpnpmbun

sh

npm dev

sh

yarn dev

sh

pnpm dev

sh

bun dev

If you need to run the build production environment product command

npmyarnpnpmbun

sh

npm build

sh

yarn build

sh

pnpm build

sh

bun build

If you need to preview your build product

npmyarnpnpmbun

sh

npm preview

sh

yarn preview

sh

pnpm preview

sh

bun preview

For more example details: Solid Example