@@ -4,6 +4,9 @@ description: Introduction to the Vyuh Framework
4
4
---
5
5
6
6
import { Aside } from ' @astrojs/starlight/components'
7
+ import { Image } from ' astro:assets'
8
+
9
+ import vyuhLogo from ' @/assets/logo.svg'
7
10
8
11
Vyuh is a framework for building _ modular, large scale_ ** Mobile** and ** Web**
9
12
apps (aka _ Super Apps_ ). It uses ** Flutter** to drive the App Experience and an
@@ -13,7 +16,9 @@ _optional_ **Server-Driven UI** using a headless **CMS**.
13
16
> of ** modular Mini-Apps** . Vyuh allows you to create a _ single unified App
14
17
> Experience_ that can connect multiple mini-apps.
15
18
16
- ![ ] ( ../../../assets/logo.png )
19
+ <div className = { ' flex flex-row items-center justify-center' } >
20
+ <Image src = { vyuhLogo } alt = { ' Vyuh Logo' } width = { 128 } height = { 128 } />
21
+ </div >
17
22
18
23
This CMS-driven approach helps in ** dramatically reducing your time** 🕛 to ship
19
24
new features with a ** much smaller team** 😇.
@@ -35,9 +40,23 @@ This is possible because the framework takes care of all the fundamentals of
35
40
building large scale apps. This includes things like:
36
41
37
42
- ** CMS** -driven (aka _ Server-driven_ ) UI
38
- - Custom Content types
43
+
44
+ <Aside title = { ' CMS is Optional' } >
45
+
46
+ Vyuh works with a headless CMS like ** Sanity.io** out-of-the-box. However, the
47
+ CMS piece is ** completely optional** and you can include it as and when you need
48
+ it. In fact, it supports different levels of granularity where you can have the
49
+ entire app driven through a CMS, a single page rendered from a CMS, or even a
50
+ component coming from a CMS.
51
+
52
+ The extent of usage is up to you, and you can start by not having it at all
53
+ inside your application
54
+
55
+ </Aside >
56
+
57
+ - Custom ** Content types**
39
58
- Actions, Layouts, Conditions, Routes
40
- - Custom API Content
59
+ - Custom ** API Content**
41
60
- Custom journeys & Conditional flows
42
61
- ** Modular** development of ** Features** with independent teams
43
62
- Third party integrations via ** Plugins**
@@ -61,121 +80,112 @@ of applications** or a **platform for white-labeled applications**, Vyuh is
61
80
_ ready for your journey_ . The benefits below will be a _ catalyst_ for _ ** faster
62
81
time to market** _ .
63
82
64
- <table data-view = " cards" >
65
- <thead >
66
- <tr >
67
- <th ></th >
68
- <th ></th >
69
- <th ></th >
70
- </tr >
71
- </thead >
72
- <tbody >
73
- <tr >
74
- <td >
75
- <strong >Faster App Deployments</strong >
76
- </td >
77
- <td >
78
- Change the App Experience without any App Store release or deployment
79
- </td >
80
- <td ></td >
81
- </tr >
82
- <tr >
83
- <td >
84
- <strong >Explorative Power</strong >
85
- </td >
86
- <td >Explore different variations of your UX without changing any code</td >
87
- <td ></td >
88
- </tr >
89
- <tr >
90
- <td >
91
- <strong >Small teams, Big outcomes</strong >
92
- </td >
93
- <td >Build sophisticated Apps with smaller teams and faster outcomes.</td >
94
- <td ></td >
95
- </tr >
96
- <tr >
97
- <td >
98
- <strong >Extensibility built-in</strong >
99
- </td >
100
- <td >
101
- Tackle a variety of scenarios in your App Experience with customizations
102
- to the hilt, be it custom content-blocks, layouts, actions, routes or
103
- conditions.
104
- </td >
105
- <td ></td >
106
- </tr >
107
- <tr >
108
- <td >
109
- <strong >Server Driven (CMS-driven) UI</strong >
110
- </td >
111
- <td >
112
- Build complete customer journeys using a CMS-driven approach. This
113
- unlocks a new way to deliver experiences without an App Store release.
114
- </td >
115
- <td ></td >
116
- </tr >
117
- <tr >
118
- <td >
119
- <strong >Design System First</strong >
120
- </td >
121
- <td >
122
- Use a Design System from the start to avoid visual consistency issues.
123
- </td >
124
- <td ></td >
125
- </tr >
126
- <tr >
127
- <td >
128
- <strong >Easy Third-Party integrations</strong >
129
- </td >
130
- <td >
131
- Using API-driven content you can integrate any API, be it ReST, GraphQL
132
- or WebSockets
133
- </td >
134
- <td ></td >
135
- </tr >
136
- <tr >
137
- <td >
138
- <strong >Powerful State Management</strong >
139
- </td >
140
- <td >
141
- Use the power of Reactive State with{ ' ' }
142
- <a href = " https://pub.dev/packages/mobx" >MobX</a > to build simple to
143
- highly sophisticated experiences
144
- </td >
145
- <td ></td >
146
- </tr >
147
- <tr >
148
- <td >
149
- <strong >Developer Productivity</strong >
150
- </td >
151
- <td >
152
- Use the two super-powers of Dynamic updates via CMS and Flutter's Hot
153
- Reload to supercharge your Developer Experience.
154
- </td >
155
- <td ></td >
156
- </tr >
157
- <tr >
158
- <td >
159
- <strong >Growing Integrations</strong >
160
- </td >
161
- <td >
162
- Make use of the growing set of Plugins to cater to any aspect of your
163
- App Development process from Networking to Analytics to Payments and
164
- much more.
165
- </td >
166
- <td ></td >
167
- </tr >
168
- <tr >
169
- <td >
170
- <strong >Fundamentals Ready</strong >
171
- </td >
172
- <td >
173
- Start with the built-in, fundamental building blocks to kickstart your
174
- Application. Use the scaffolding tool to create your initial project.
175
- </td >
176
- <td ></td >
177
- </tr >
178
- </tbody >
83
+ <table >
84
+ <tr >
85
+ <td >
86
+ <strong >Faster App Deployments</strong >
87
+ </td >
88
+ <td >
89
+ Change the App Experience without any App Store release or deployment
90
+ </td >
91
+ <td ></td >
92
+ </tr >
93
+ <tr >
94
+ <td >
95
+ <strong >Explorative Power</strong >
96
+ </td >
97
+ <td >Explore different variations of your UX without changing any code</td >
98
+ <td ></td >
99
+ </tr >
100
+ <tr >
101
+ <td >
102
+ <strong >Small teams, Big outcomes</strong >
103
+ </td >
104
+ <td >Build sophisticated Apps with smaller teams and faster outcomes.</td >
105
+ <td ></td >
106
+ </tr >
107
+ <tr >
108
+ <td >
109
+ <strong >Extensibility built-in</strong >
110
+ </td >
111
+ <td >
112
+ Tackle a variety of scenarios in your App Experience with customizations
113
+ to the hilt, be it custom content-blocks, layouts, actions, routes or
114
+ conditions.
115
+ </td >
116
+ <td ></td >
117
+ </tr >
118
+ <tr >
119
+ <td >
120
+ <strong >Server Driven (CMS-driven) UI</strong >
121
+ </td >
122
+ <td >
123
+ Build complete customer journeys using a CMS-driven approach. This unlocks
124
+ a new way to deliver experiences without an App Store release.
125
+ </td >
126
+ <td ></td >
127
+ </tr >
128
+ <tr >
129
+ <td >
130
+ <strong >Design System First</strong >
131
+ </td >
132
+ <td >
133
+ Use a Design System from the start to avoid visual consistency issues.
134
+ </td >
135
+ <td ></td >
136
+ </tr >
137
+ <tr >
138
+ <td >
139
+ <strong >Easy Third-Party integrations</strong >
140
+ </td >
141
+ <td >
142
+ Using API-driven content you can integrate any API, be it ReST, GraphQL or
143
+ WebSockets
144
+ </td >
145
+ <td ></td >
146
+ </tr >
147
+ <tr >
148
+ <td >
149
+ <strong >Powerful State Management</strong >
150
+ </td >
151
+ <td >
152
+ Use the power of Reactive State with{ ' ' }
153
+ <a href = " https://pub.dev/packages/mobx" >MobX</a > to build simple to highly
154
+ sophisticated experiences
155
+ </td >
156
+ <td ></td >
157
+ </tr >
158
+ <tr >
159
+ <td >
160
+ <strong >Developer Productivity</strong >
161
+ </td >
162
+ <td >
163
+ Use the two super-powers of Dynamic updates via CMS and Flutter's Hot
164
+ Reload to supercharge your Developer Experience.
165
+ </td >
166
+ <td ></td >
167
+ </tr >
168
+ <tr >
169
+ <td >
170
+ <strong >Growing Integrations</strong >
171
+ </td >
172
+ <td >
173
+ Make use of the growing set of Plugins to cater to any aspect of your App
174
+ Development process from Networking to Analytics to Payments and much
175
+ more.
176
+ </td >
177
+ <td ></td >
178
+ </tr >
179
+ <tr >
180
+ <td >
181
+ <strong >Fundamentals Ready</strong >
182
+ </td >
183
+ <td >
184
+ Start with the built-in, fundamental building blocks to kickstart your
185
+ Application. Use the scaffolding tool to create your initial project.
186
+ </td >
187
+ <td ></td >
188
+ </tr >
179
189
</table >
180
190
181
191
## Let's get started
0 commit comments