Skip to content

quasarframework/quasar-codesandbox

Repository files navigation

image

Quasar App Codesandbox Template

A Template for using Quasar on Codesandbox.io.

Codesanbox Entry Server Screen

This is the template used for the server template found on Codesandbox.io. The template builds a full application running in the development server mode. With the app running in Codesandbox, you can work with a FULL Quasar application and not just the UMD version, as is the case with Codepen and JSFiddle.

Purpose

The purpose of this template on Codesandbox is so developers can create more intricate examples of their code. These examples can then be used for both the training and/ or teaching of other devs on using Quasar and also for troubleshooting problems with the core dev team of Quasar.

Usage

Using this template will require you to register as a Codesandbox user. Registration only currently works over Github, so that is where you'll need an account.

Once you've registered to Codesandbox, to start the template, simply click on "Create Sandbox" at the top of the Codesandbox.io index page.

Then click on SERVER TEMPLATES and then on the Quasar button.

Codesanbox Start Server Screen

The server and container will start automatically. Once you make any change and save it, Codesandbox will automatically fork the sandbox for you.

Different Modes

This template currently loads a SPA application mode of Quasar.

If you would like to work with the PWA or SSR versions of Quasar, please make the following changes to the start script entries in the package.json.

PWA

 "scripts": {
    "start": "quasar dev -m pwa",

SSR

 "scripts": {
    "start": "quasar dev -m ssr",

Once you've changed the the start entry of scripts in the package.json file accordingly, you simply need to restart the container's server.

Codesanbox Restart Server Screen

Once that is done, it should take a minute or so to reload the application in the new mode.

Quasar Repositories

Contributing

We're excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature, help with the documentation). Any help is much appreciated!

License

Copyright (c) 2016-present Razvan Stoenescu

MIT License