Vue Scaling Up

It's normal that small apps could scale into larger apps. For that purpose, it's good to know Vue specifics that will play an important role while scaling.

Includes knowledge areas


VueJS does not have a built-in router feature. It's need to follow some additional steps to install it.

State Management

Vue.js provides its own official state management pattern + library named as Vuex and it is one of the most recommended libraries that should be used for state management in Vue.js applications.

Server-Side Rendering

Vue.js is a framework for building client-side applications. By default, Vue components produce and manipulate DOM in the browser as output. However, it is also possible to render the same components into HTML strings on the server, send them directly to the browser, and finally "hydrate" the static markup into a fully interactive app on the client.


There are many spiteful attacks that can happen from the frontend side (XSS Attack, SQL injection, DoS attack, Session hijacking, etc.). Vue.js has some best practices to keep your app safety

Is a part of:





The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.