Nuxtion

[WIP] A boilerplate for creating new Nuxt 3 Ionic applications with some basic functionalities

Documentation

• Nuxt 3 docs

  • Variable font (Jost)

• Ionic docs

  • Capacitor docs

• [Module Nuxt/Ionic(https://ionic.roe.dev/getting-started)

Setup

Make sure to install the dependencies:

yarn install

Development Server

Start the development server on http://localhost:3000

yarn dev

Production

Build the application for production:

yarn build  # or  yarn ionic:build

For web

Locally preview production build:

yarn preview

For iOS

Developing for iOS, Ionic documentation.

# build the ios folder
yarn cap add ios

# if already added, sync the new build with the ios folder
yarn cap sync ios

# preview the app on Xcode
yarn cap open ios

For Android

Developing for android, Ionic documentation.

# build the android folder
yarn cap add android

# if already added, sync the new build with the android folder
yarn cap sync android

# preview the app on Android Studio
yarn cap open android

Pre Deployment

To generate the Icon and Splash screen run the following commands:

# Install cordova-res globally
yarn global add cordova-res

# Run the cordova-res command for both platforms (PWA already made by Nuxt)
cordova-res ios --skip-config --copy
cordova-res android --skip-config --copy