https://github.com/persteenolsen/nuxt-3-ionic-capacitor-part-2-gh-pages

Nuxt 3 Web App using Ionic Capacitor for IOS and Android
https://github.com/persteenolsen/nuxt-3-ionic-capacitor-part-2-gh-pages

android capacitor ionic ios nuxt3 vue3

Last synced: 14 days ago
JSON representation

Nuxt 3 Web App using Ionic Capacitor for IOS and Android

• Host: GitHub
• URL: https://github.com/persteenolsen/nuxt-3-ionic-capacitor-part-2-gh-pages
• Owner: persteenolsen
• Created: 2023-11-27T13:00:40.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-12-03T12:23:24.000Z (about 1 month ago)
• Last Synced: 2024-12-03T13:29:33.635Z (about 1 month ago)
• Topics: android, capacitor, ionic, ios, nuxt3, vue3
• Language: Vue
• Homepage: https://persteenolsen.github.io/nuxt-3-ionic-capacitor-part-2-gh-pages/
• Size: 1.85 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nuxt v3.0.0 Ionic Capacitor Starter Template 

---

Last updated: 03-12-2024

Node Version: 18.20.5

Note: There is an Error in VS Code in nuxt.config.ts ( buildAssetDir ) but it will build ...

Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.

## Setup

Make sure to install the dependencies:

# npm

npm install

## Development Server

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

# npm

npm run dev

## Production

Build the application for production:

# npm

npm run build

Locally preview production build:

# npm

npm run preview

Checkout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment) for information about deployment

Useuful links for building this application:

- [Nuxt 3](https://nuxt.com/)

- [Vue 3](https://vuejs.org)

- [Inonic](https://ionicframework.com)

- [Nuxt/Inonic](https://ionic.nuxtjs.org)

- [Capacitor](https://capacitorjs.com)

- [Nitro.js](https://nitro.unjs.io)

- [Vite](https://vitejs.dev)

- [The Ionic VS Code Extention](https://marketplace.visualstudio.com/items?itemName=ionic.ionic)

Deployment to GitHub Pages - Importants steps to take

- The repository at GitHub have the name: "nuxt-3-ionic-capacitor-part-2-gh-pages"

- Make sure the repository have READ and WRITE permissons which can be found here: "Settings - Actions - General"

- Open the file "nuxt.config.ts" and add the statements "baseURL: '/nuxt-3-ionic-capacitor-part-2-gh-pages/'" and "buildAssetDir: 'assets'"

- Then also add "ssr:false" in the "nuxt.config.ts"

- Open the yml file inside the github action workflow: ".github/workflows/node.js.yml" and make sure it has the following line:

- "run: npm run generate && touch ./.output/public/.nojekyll"

- Now make a commit and go to "Settings - Actions - Pages" and select the branch just created "gh-pages" and click save

- Now make a second commit and take a make sure the GH Actions make the build and deployment

- Finally go to your subdomain at GitHub Pages https://your-root-github-name.github.io/nuxt-3-ionic-capacitor-part-2-gh-pages/ to se the change online