Api Platform conference
Register now
v2.6 Quasar Framework Generator
API Platform Conference
September 19-20, 2024 | Lille & online

The international conference on the API Platform Framework

API Platform Conference 2024: meet the best PHP, JavaScript and API experts

Learn more about the event, register for the conference, and get ready for two days of inspiration, ideas, and knowledge-sharing with our incredible lineup of renowned specialists and advocates.

Register now

# Quasar Framework Generator

Create a Quasar Framework application using quasar-cli:

quasar create my-app
cd my-app

In the app directory, generate the files for the resource you want:

npx @api-platform/client-generator https://demo.api-platform.com src/ --generator quasar --resource foo

Replace the URL by the entrypoint of your Hydra-enabled API. Omit the resource flag to generate files for all resource types exposed by the API.

The code is ready to be executed! Register the generated routes:

// src/router/routes.js
import fooRoutes from '../generated/router/foo';

const routes = [
    path: '/',
    component: () => import('layouts/MyLayout.vue'),
    children: [

And add the modules to the store:

// src/store/index.js
// Replace "foo" with the name of the resource type
import foo from '../generated/store/modules/foo/';

export default function(/* { ssrContext } */) {
  const Store = new Vuex.Store({
    modules: {

Finally, make sure to update the config:

// quasar.conf.js
framework: {
  components: [

    // ...
  directives: [..., 'ClosePopup'],
  plugins: ['Notify'],
  config: {
    // ...
    notify: {
      position: 'top',
      multiLine: true,
      timeout: 0,

You can also help us improve the documentation of this page.

Made with love by

Les-Tilleuls.coop can help you design and develop your APIs and web projects, and train your teams in API Platform, Symfony, Next.js, Kubernetes and a wide range of other technologies.

Learn more

Copyright © 2023 Kévin Dunglas

Sponsored by Les-Tilleuls.coop