Build Apps
This section provides a step-by-step guide to setting up a basic rezerv app using Quasar from scratch.
Prerequisites
Before you begin, make sure you have the following tools installed:
-
Node.js:
- Node.js 12+ (for Quasar CLI with Webpack) or Node.js 14+ (for Quasar CLI with Vite).
-
To verify your Node.js version, run the command:
node -v.
-
Package Manager:
- Yarn v1 (strongly recommended), PNPM, or NPM.
-
To check your Yarn version, run:
yarn -v.
Installing Quasar CLI
The Quasar CLI is a powerful tool for creating projects, generating application and library code, and managing development tasks.
To install Quasar CLI globally, run the following commands:
bash
yarn global add @quasar/cli
yarn global add @quasar/icongenie
yarn global add https://github.com/stambol/quasalang
TIP
We are using the latest version of Quasar (currently 2.x). For more detailed guidance, visit the official Quasar Capacitor documentation.
Configuring the Application
Modify the .env.frontend.app-prod File
You will need to update the
.env.frontend.app-prod file to configure
environment-specific settings for your app:
plaintext
# .env.frontend.app-prod
# These values will be accessible in the client application.
APP_ENV="Production"
APP_NAME="rezerv"
APP_MODE=app
API_URL=https://demo.rezerv.mk/api # API endpoint of the tenant you're building the app for.
Here’s the updated section with the note added for clarity:
plaintext
# .env.frontend.app-prod
# These values will be accessible in the client application.
APP_ENV="Production"
APP_NAME="rezerv"
APP_MODE=app
API_URL=https://demo.rezerv.mk/api # API endpoint of the tenant you're building the app for.
TIP
In the API_URL,
{demo} represents the primary domain
of the tenant, and {rezerv.mk} is the
domain where the rezerv app is installed. Make sure
to replace these with the actual tenant and app
domains you're working with.
WARNING
To enable push notifications for your app, you'll need to Configure Firebase. Ensure you have it set up correctly to make notifications work.
Building the Mobile Application
Android & iOS Build Instructions
To build the app for Android or iOS, follow these steps:
bash
yarn install
npm run build:android --env=prod
bash
yarn install
npm run build:ios --env=prod
WARNING
Before proceeding with the actual development, ensure you’ve completed the necessary preparation. Visit Preparation for Capacitor App for more details.
This improved version simplifies the instructions, enhances readability, and ensures the user follows a structured approach from setup to building the application.