Add instructions on how to build and run ios and android apps
This commit is contained in:
@@ -8,6 +8,29 @@ This repo is a starting point for building an iOS, Android, and Progressive Web
|
|||||||
|
|
||||||
Next.js handles the production React app experience, Tailwind can be used to style each page of your app, Ionic Framework provides the cross-platform system controls (navigation/transitions/tabs/etc.), and then Capacitor bundles all of it up and runs it on iOS, Android, and Web with full native access.
|
Next.js handles the production React app experience, Tailwind can be used to style each page of your app, Ionic Framework provides the cross-platform system controls (navigation/transitions/tabs/etc.), and then Capacitor bundles all of it up and runs it on iOS, Android, and Web with full native access.
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
Build your client side Next.js files
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run build
|
||||||
|
npm run export
|
||||||
|
```
|
||||||
|
|
||||||
|
All the client side files will be sent to `./out/` directory, you can now run capacitor on iOS or Android:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# iOS
|
||||||
|
npx cap copy ios
|
||||||
|
npx cap open ios
|
||||||
|
```
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Android
|
||||||
|
npx cap copy android
|
||||||
|
npx cap open android
|
||||||
|
```
|
||||||
|
|
||||||
## What is Capacitor?
|
## What is Capacitor?
|
||||||
|
|
||||||
You can think of [Capacitor](https://capacitorjs.com/) as a sort of "electron for mobile" that runs standard web apps on iOS, Android, Desktop, and Web.
|
You can think of [Capacitor](https://capacitorjs.com/) as a sort of "electron for mobile" that runs standard web apps on iOS, Android, Desktop, and Web.
|
||||||
|
|||||||
Reference in New Issue
Block a user