<p>VuePress: WordPress Development with GraphQL and
framework and was not supporting search engine optimization. To overcome this at the time server-side
rendering, Vue was used instead of React, as Vue has great documentation on server-side rendering.
can make your website more reliable and accurate, this is experienced by some famous
Let's check out some more details about VuePress:
The Architecture Of VuePress
VuePress consists of a node server that has a GraphQL endpoint on its back-end. GraphQL Express from
Apollo is used by the GraphQL endpoints. VuePress consists of Vue components, on the front-end, some
of these components contain GraphQL queries. According to the server request, it is decided that which
component is to be rendered.
Creation Of Post List
VuePress provides a facility in which you can see all the posts on your WordPress site on one page.
VuePress gives an option called PostType drop down, which will tell the PostList component which post
type in WordPress to render. VuePress also allows you to render different Post Item Components for
list. For example, if you have two lists, one containing articles and other containing
photographs, then the list items in each page would probably be designed differently, this will make you
use a different component to render that item.
Also Read :-