Build UI

This guide explains how to build the frontend UI from our resources. Follow these steps to get started.


Step-by-Step Instructions

  1. Navigate to the Project Folder Open your terminal and move to the frontend directory:

    cd [resource_name]/web
  2. Install Dependencies Run the following command to install all required dependencies:

    pnpm install
  3. Start the Development Server To preview the UI and make changes, start the development server:

    pnpm dev

    Once the development server starts, a local URL (e.g., http://localhost:5173/) will appear in the terminal. Open this URL in your browser to preview the Resource.


Building the UI for Production

When you're ready to create the production build:

  1. Run the following command to generate the optimized files:

    pnpm build
  2. The built files will be generated in the dist/ folder located within the [resource_name]/web/ directory.


For further help, feel free to reach out via our Discord.


Last updated