Using Quasar to build a project

We’re going to follow the default setup and installation guide at https://quasar.dev/start/quick-start. In the CLI, we’ll run npm init quasar and select the configuration, as shown in Figure 7.4:

Figure 7.4 – Creating a new project using the Quasar CLI

This will install the project and its dependencies. Once the initialization is completed, we can navigate to the project folder and install the Supabase JavaScript client via the CLI:

npm install @supabase/supabase-js

To conclude the initialization, we’ll create a .env file with the Supabase API keys:

VITE_SUPABASE_URL=YOUR_SUPABASE_URLVITE_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY

We can verify our installation by running the following command in the command line:

npx quasar dev

The example project will be installed, as shown in Figure 7.5:

Figure 7.5 – The default project using Quasar

Since our...