Your first page

The first time you run the Apollux project, you should see the Apollux Welcome page. To replace it, you need to create a Single-File Vue Component in .app/pages/index.vue.

Empty page example

.app/pages/index.vue

Discover components

Take a look at the .demo/pages/ folder to see how to assemble your page. You will see that most pages are built with reusable components, some are prefixed by Base, Apollux, Demo and a few with Addon.

  • Base prefix is used for UI components (Shuriken UI components), sometimes known as atoms, like buttons, inputs, etc...
  • Apollux prefix is used for components that are specific to the project layouts, or reusable components that have no dependencies
  • Demo prefix is used for components that are specific to the demo, like the quick search, widgets, etc...
  • Addon prefix is for components that have external dependencies, like the markdown editor, charts, etc...
Use the quick search to find the component you need, try it now with ctrl+k (or ⌘+k on mac).

Useful resources: