Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danialghahremani/nextjs-exportable-app
Next.js + PWA Exportable Application!
https://github.com/danialghahremani/nextjs-exportable-app
android capacitor css-modules ios javascript nextjs pwa react scss typescript
Last synced: 3 months ago
JSON representation
Next.js + PWA Exportable Application!
- Host: GitHub
- URL: https://github.com/danialghahremani/nextjs-exportable-app
- Owner: danialqa
- Created: 2022-07-12T08:23:12.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-06-08T21:19:24.000Z (over 1 year ago)
- Last Synced: 2024-08-04T14:46:04.707Z (6 months ago)
- Topics: android, capacitor, css-modules, ios, javascript, nextjs, pwa, react, scss, typescript
- Language: TypeScript
- Homepage: https://nextjs-pwa-app-danialghahremani.vercel.app/
- Size: 2.15 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js + PWA Exportable Application! 🚀
A Next.js boilerplate for creating Progressive Web Apps as well as iOS and Android apps that can be exported.
## Demo
https://nextjs-pwa-app-danialghahremani.vercel.app/
### 01 - Build and prepare for export
To export the project, use the following command, which will place the build in the "/out" folder:
```bash
npx next build && npx next export
```
### 02 - Install CocoaPods
We must include the SO where our application will run. In this scenario, Android and iOS are involved. To utilise 'Capacitor' on iOS, we must additionally install CocoaPods.
```bash
sudo gem install cocoapods
```
> **NOTE:** If you encounter any errors while installing CocoaPods, it is most likely due to a lack of brew on your machine.
### 03 - Make Android and iOS folders
These commands will generate an iOS and Android folder containing your web app's developed code:
```bash
npx cap add android
npx cap add ios
```
### 04 - Run the application locally
We also require XCode in the case of iOS, or Android Studio in the case of Android, to run it. Simply execute the command below, depending on whether you want to launch it on Android or iOS.
```bash
npx cap open android
npx cap open ios
```