Vue3 + GraphQL : Best way to structure project & queries?

This page summarizes the projects mentioned and recommended in the original post on /r/vuejs

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • graphiql

    GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools.

  • #3: As I mentioned above, we use GraphQL Code Generator for generating TypeScript types and composables, as well as type checking our queries against the schema. This results in fully type-safe code from the back-end all the way to the front-end. As far as editor extensions go, the GraphQL: Language Feature Support VSCode extension should work fine, I use the language server part of that extension with Neovim. It provides autocompletion based on the schema and diagnostics. It looks like it might not work in .vue files though.

  • vue-3-urql-example

    Vue 3 and urql basic example

  • Resources: I recorded YouTube and a written tutorial. Note: I do not recommend nexus-decorators, failed experiment, use regular GraphQL Nexus.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Migrating Netflix to GraphQL Safely

    3 projects | news.ycombinator.com | 14 Aug 2023
  • GraphQL IDEs: GraphiQL vs Altair

    2 projects | dev.to | 21 Jun 2023
  • How to Consume GraphQL API with Apollo Client in a Reactjs Application

    1 project | dev.to | 4 Apr 2023
  • ISO: Library for a quick GraphQL frontend

    1 project | /r/reactjs | 24 Mar 2023
  • Is there anything like a GraphQL playground for testing various features of GraphQL?

    2 projects | /r/graphql | 11 Jan 2023