Codehub

Appearance

Windows Tauri React MUI Setup ​

Step 1: Install Node Version Manager (NVM) ​

Ensure a smooth setup by installing NVM, Node.js, and PNPM using the following commands:

shell
# Download NVM from GitHub releases: https://github.com/coreybutler/nvm-windows/releases
# Download Node.js from https://nodejs.org/en
nvm install 18.17.1
nvm use 18.17.1
npm install -g pnpm

Step 2: Create a Tauri App ​

Initiate a Tauri app with React and TypeScript using PNPM:

shell
# Install Rust: https://www.rust-lang.org/learn/get-started
# Create a Tauri app with PNPM
pnpm create tauri-app
cd <folder>
pnpm install

# Start the Tauri development server
pnpm tauri dev

Step 3: Add Material-UI (MUI) ​

Enhance your project with Material-UI integration:

shell
# Follow MUI installation guide: https://mui.com/material-ui/getting-started/installation/
pnpm add @mui/material @emotion/react @emotion/styled
pnpm add @fontsource/roboto
pnpm add @mui/icons-material