Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Architecting Vue.js 3 Enterprise-Ready Web Applications

You're reading from   Architecting Vue.js 3 Enterprise-Ready Web Applications Build and deliver scalable and high-performance, enterprise-ready applications with Vue and JavaScript

Arrow left icon
Product type Paperback
Published in Apr 2023
Publisher Packt
ISBN-13 9781801073905
Length 272 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Solomon Eseme Solomon Eseme
Author Profile Icon Solomon Eseme
Solomon Eseme
Arrow right icon
View More author details
Toc

Table of Contents (21) Chapters Close

Preface 1. Part 1: Getting Started with Vue.js
2. Chapter 1: Getting Started with Vue.js 3 FREE CHAPTER 3. Chapter 2: Using Libraries for Large-Scale Applications 4. Part 2: Large-Scale Apps and Scaling Performance in Vue.js 3
5. Chapter 3: Scaling Performance in Vue.js 3 6. Chapter 4: Architecture for Large-Scale Web Apps 7. Chapter 5: An Introduction to GraphQL, Queries, Mutations, and RESTful APIs 8. Chapter 6: Building a Complete Pinterest Clone with GraphQL 9. Part 3: Vue.js 3 Enterprise Tools
10. Chapter 7: Dockerizing a Vue 3 App 11. Part 4: Testing Enterprise Vue.js 3 Apps
12. Chapter 8: Testing and What to Test in Vue.js 3 13. Chapter 9: Best Practices in Unit Testing 14. Chapter 10: Integration Testing in Vue.js 3 15. Chapter 11: Industry-Standard End-to-End Testing 16. Part 5: Deploying Enterprise-ready Vue.js 3
17. Chapter 12: Deploying Enterprise-Ready Vue.js 3 18. Chapter 13: Advanced Vue.js Frameworks 19. Index 20. Other Books You May Enjoy

Connecting the frontend and backend

The most interesting part is how we structure our API requests to accommodate maintainability and easy adaptability, following the best practices we have learned from the previous chapters.

The following screenshot shows our folder structure containing the GraphQL endpoints according to the features we currently have in our application and in the Strapi backend we developed for this project:

Figure 6.12 – A screenshot of the new folder structure with GraphQL and Strapi

Figure 6.12 – A screenshot of the new folder structure with GraphQL and Strapi

In the graphql folder, we have defined three folders, namely auth, photos, and users, which represent the features our current project will have. Let’s look at what these folders contain.

The auth folder

The auth folder contains only a single mutation which will handle all the authentication and authorization functionalities. It will contain mutations, such as register, login, forgotPassword, sendForgotPasswordEmail, and so on.

...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime