IonicReactTailwind Tailwind Templates

Ionicreacttailwind

Boilerplate for ionic react with tailwind css framework

How to clone

git clone https://github.com/Ryanhustler420/IonicReactTailwind.git
cd IonicReactTailwind
git remote rm origin
npm i
npm run dev
  • npm i -g ionic --save
  • ionic start
Use the app creation wizard? No
Framework: React
Project name: appname
Starter template: blank
Create free Ionic account? No
npm uninstall -g ionic
npm uninstall -g @ionic/cli
npm install -g @ionic/cli
ionic integrations enable capacitor
ionic capacitor add android @REM if not worked
ionic capacitor add ios @REM if not worked
OR
npm install @capacitor/cli @capacitor/cli @capacitor/android @capacitor/ios
OR
npm install @capacitor/android
npm install @capacitor/ios
ionic capacitor copy android @REM recommanded
ionic capacitor copy android -l @REM live_reloading
ionic capacitor sync android @REM recommanded
npx cap open android @REM optional
npm run dev

NOTE:

  • Close the terminal/editor if not syncing android command not working, and then redo the process.

  • Close android studio if new capacitor added library not visible on the project

npm install @capacitor/{api}
npx cap sync
npx cap update
3rd Party Packages

Splash screen generator

Ape Tools

Splash screen generator

Android resources helper

Integration Tailwind

Bootstrap

Android Development

React Redux

[Issues]

Bootstrap Css

Capacitor Error

Gradle Not Exist

Build

Delete the already created android folder

Use android studio image assets to create app icon

Change all the keyword appname to yourappname in the source code

Rebuild the android sync using ionic capacitor sync android command

Overwrite the build/assets/icon icons with your icons and let the name as it is

Change the icons path in build/assets/manifest.json

use apetools to create splash screen and overwrite the existing splash screen with yours.

Always run npm run dev and then ionic capacitor sync android and then npx cap open android

Build the process and update version

Android Release

keep the .rsa safe for that app to release

  • Update the app version

  • Mark live to true

  • Test the app

  • Build the app

  • Update the android app version

  • Build the android app

  • Test the android app

  • Generate the apk

  • Store the apk to release apks folder

  • To release android apk, please update the app version and please

Top categories

Loading Svelte Themes