Building Vue.js Applications with GraphQL

This is the code repository for Building Vue.js Applications with GraphQL, published by Packt.

Develop a complete full-stack chat app from scratch using Vue.js, Quasar Framework, and AWS Amplify

What is this book about?

With the recipes in this book, you will learn how to build a complete real-time chat app from scratch. Starting by creating an AWS Amplify environment, you will delve into developing your first GraphQL Schema. You will then learn how to add the AppSync GraphQL client and create your first GraphQL mutation. The book also helps you to discover the simplicity and data fetching capabilities of GraphQL that make it easy for front-end developers to communicate with the server. You will later understand how to use Quasar Framework to create application components and layouts. Finally, you will find out how to create Vuex modules in your application to manage the app state, fetch data using the GraphQL client, and deploy your application to the web. By the end of this Building Vue.js Applications with GraphQL, you’ll be well-versed with proof-of-concept full-stack applications that explore the power of GraphQL with AWS Amplify, and be able to use Quasar Framework to create your Vue applications.

This book covers the following exciting features:

• Become familiar with AWS Amplify and learn how to set up your environment
• Understand how to create your first GraphQL schema
• Use Quasar Framework to create simple and effective interfaces
• Discover effective techniques to create queries for interacting with data
• Explore Vuex for adding state management capabilities to your app
• Discover techniques to deploy your applications effectively to the web

If you feel this book is for you, get your copy today!

Instructions and Navigations

All of the code is organized into folders. For example, Chapter02.

The code will look like the following:

if (test expression)
{
  Statement upon condition is true
}

Following is what you need for this book: This book is for intermediate-level Vue.js developers who want to take their first step toward full-stack development. Prior knowledge of Vue.js and JavaScript is required before getting started with this book.

With the following software and hardware list you can run all code files present in the book (Chapter 1-7).

Software and Hardware List

Code examples

• Chapter 1 - Data Binding, Events, and Computed Properties
• Chapter 2 - Components, Mixins, and Functional Components
• Chapter 3 - AWS Amplify Environment and GraphQL
• Chapter 4 - Creating Custom Application Components and Layouts
• Chapter 5 - Creating User Vuex, Pages, and Routes
• Chapter 6 - Creating Chat and Message Vuex, Pages, and Routes
• Chapter 7 - Transforming your App to PWA and Deploying to the Web

Related products

• Vue.js 3 Cookbook [Packt] [Amazon]

• Hands-on Nuxt.js Web Development [Packt] [Amazon]

Get to Know the Author

Heitor Ramon Ribeiro is a Head FrontEnd Engineer at INTI. With over 15 years of experience in JavaScript, frontend development, and UI/UX design, Heitor has become an expert in delivering solutions for an enterprise architecture system combined with the best user experience. Heitor is currently working on delivering tools and platforms for the biggest museums, theaters, and arenas in South America. He is managing and coding a solution that can bring together the past and future with the power of Vue.JS.

Other books by the author

• Vue.js 3 Cookbook