🧩 React + Vite + Capacitor Boilerplate

Web	Android	iOS

Dependencies

• React
• Vite
• Vite TSConfig Paths
• Capacitor
• Styled Components
• Styled Reset
• Typescript

Preparation

• Homebrew

Getting Started

Clone this repository:

git clone git@github.com:rhea-so-lab/react-vite-capacitor-boilerplate.git my-project
cd my-project

Install dependencies:

npm install

Run Web:

npm run dev

Run iOS: (Install XCode First)

xcode-select --install
# Update Software in MacOS System Settings
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
brew install cocoapods
npm run ios:init
npm run ios

Reference: https://capacitorjs.com/docs/ios#adding-the-ios-platform

Run Android: (Install Android Studio And Download SDK in SDK Manager And Creating a Virtual Device)

brew install openjdk@17 && echo 'export PATH="/opt/homebrew/opt/openjdk@17/bin:$PATH"' >> ~/.zshrc
brew install gradle
npm run android:init
# Wait Some Minutes.. For Android Studio Build ...
npm run android

Reference: https://capacitorjs.com/docs/android#adding-the-android-platform

License

This project is licensed under the MIT.