# vuejs

Vue is a JavaScript framework for building web user interfaces, providing a declarative, component-based programming model.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Using VueJS + GraphQL to make Practical Magic

DevFeed: [Using VueJS + GraphQL to make Practical Magic](<https://devfeed.tech/articles/using-vuejs-graphql-to-make-practical-magic-31320.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/using-vuejs-graphql-to-make-practical-magic>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2018-08-27T22:29:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [axios](<https://devfeed.tech/topics/axios.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>)

Tags: [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [axios](<https://devfeed.tech/tags/axios.md>), [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [craft](<https://devfeed.tech/tags/craft.md>), [everyday](<https://devfeed.tech/tags/everyday.md>), [form](<https://devfeed.tech/tags/form.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [headless](<https://devfeed.tech/tags/headless.md>), [insights](<https://devfeed.tech/tags/insights.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [like](<https://devfeed.tech/tags/like.md>), [magic](<https://devfeed.tech/tags/magic.md>), [practical](<https://devfeed.tech/tags/practical.md>), [problems](<https://devfeed.tech/tags/problems.md>), [saving](<https://devfeed.tech/tags/saving.md>), [searching](<https://devfeed.tech/tags/searching.md>), [solve](<https://devfeed.tech/tags/solve.md>), [submission](<https://devfeed.tech/tags/submission.md>), [using](<https://devfeed.tech/tags/using.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

### AI overview

A practical tutorial showing how to use VueJS and GraphQL with a headless Craft CMS backend to implement auto-complete search and save contact-form submissions. It introduces the frontend and backend tooling used in the examples, including Axios, Bootstrap 4, Craft CMS, and CraftQL.

### Source excerpt

Make some practical magic with VueJS + GraphQL to solve everyday problems like auto-complete searching and form submission saving with a headless Craft CMS server

## Post-Mortem: LinkedIn Talent Intelligence Experience

DevFeed: [Post-Mortem: LinkedIn Talent Intelligence Experience](<https://devfeed.tech/articles/post-mortem-linkedin-talent-intelligence-experience-31287.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/post-mortem-linkedin-talent-intelligence-experience>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2018-06-20T13:37:00Z

Content type: article

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Post Mortem](<https://devfeed.tech/topics/post-mortem.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [App](<https://devfeed.tech/topics/app.md>), [DevOps](<https://devfeed.tech/topics/devops.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [cms](<https://devfeed.tech/tags/cms.md>), [covers](<https://devfeed.tech/tags/covers.md>), [craft](<https://devfeed.tech/tags/craft.md>), [create](<https://devfeed.tech/tags/create.md>), [devops](<https://devfeed.tech/tags/devops.md>), [experience](<https://devfeed.tech/tags/experience.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [intelligence](<https://devfeed.tech/tags/intelligence.md>), [interactive](<https://devfeed.tech/tags/interactive.md>), [linkedin-s](<https://devfeed.tech/tags/linkedin-s.md>), [post-mortem](<https://devfeed.tech/tags/post-mortem.md>), [post-mortems](<https://devfeed.tech/tags/post-mortems.md>), [project](<https://devfeed.tech/tags/project.md>), [talent](<https://devfeed.tech/tags/talent.md>), [unique](<https://devfeed.tech/tags/unique.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

This post-mortem explains how Craft CMS 3, GraphQL, and VueJS were used to build an interactive tablet-and-projection-wall experience for LinkedIn's Talent Intelligence events. It focuses on the project's planning, architecture, DevOps, and core application design.

### Source excerpt

This project post-mortem covers a unique use of Craft CMS 3, GraphQL, and VueJS to create an interactive experience for LinkedIn's Talent Intelligence Experience

## Lazy Loading with the Element API & VueJS

DevFeed: [Lazy Loading with the Element API & VueJS](<https://devfeed.tech/articles/lazy-loading-with-the-element-api-vuejs-31276.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/lazy-loading-with-the-element-api-vuejs>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2016-12-17T17:45:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [API](<https://devfeed.tech/topics/api.md>), [Front end](<https://devfeed.tech/topics/frontend.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cms](<https://devfeed.tech/tags/cms.md>), [cms-s](<https://devfeed.tech/tags/cms-s.md>), [content](<https://devfeed.tech/tags/content.md>), [craft](<https://devfeed.tech/tags/craft.md>), [display](<https://devfeed.tech/tags/display.md>), [element](<https://devfeed.tech/tags/element.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [here-s](<https://devfeed.tech/tags/here-s.md>), [insights](<https://devfeed.tech/tags/insights.md>), [lazy](<https://devfeed.tech/tags/lazy.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [load](<https://devfeed.tech/tags/load.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

### AI overview

A tutorial on using Craft CMS's Element API with VueJS to lazy-load additional blog entries and display them on a frontend. It explains how to create an API endpoint that returns paginated blog content, including titles, URLs, summaries, images, categories, and tags.

### Source excerpt

Here's how to use Craft CMS's Element API to lazy load content and display it via VueJS on the frontend