Apollo

Apollo

Application and Data / Application Hosting / Platform as a Service
Needs advice
on
GraphQLGraphQLSymfonySymfony
and
Vue.jsVue.js

Hi all - we've built a very custom and complex application and UI using custom Vue.js + Nuxt.js, which sits on top of a GraphQL API provided by Symfony.

It's a completely custom UI for administration with lots of complex data relationships and the way we've done it has worked very well... however...

Now we need to build a second part of the system, which is a simpler CRUD style application for managing a simpler data object, but one that still has many relationships. It doesn't need quite as much flexibility, but we do need to deliver it faster if possible.

We've looked at various options, for example: - What we've got (Symfony/GraphQL/Apollo/Vue/Nuxt) - A simpler version of the above using a REST API - Symfony + API-Platform + Vue3 - Native Symfony server rendered

When we consider other frameworks, we always seem to hit stumbling blocks - my lead developer is not keen to use anything that will restrict what he can do, but I also need to consider whether there are faster / cheaper / better solutions out there.

The frameworks all seem to be able to create the code to update / delete individual data tables with ease, but make it difficult / impossible when there are complex data relationships.

Does anyone have any other ideas before we continue the way we are doing things?

Thanks in advance.

READ MORE
4 upvotes·35.1K views
Replies (1)
Lead Developer at SEISIGMA SRL·

Why don't you try Laravel + Inertia.js + Vue.js for this simpler application? It's feel cohesive and allows you to move quickly and maintain the same core (PHP + Vue) to simplify the maintenance.

READ MORE
3 upvotes·9.8K views
Software Engineer at Hobbyist/Early Startups·
Needs advice
on
Next.jsNext.js
and
Nuxt.jsNuxt.js

SaaS project and need to decide on a front-end framework. Will use Node.js for restful API services, and PostgreSQL for the database. Possibly introduce Prisma/Apollo if required. Infrastructure is likely to be AWS. This is a business to business SaaS project, not the consumer. 1-2K potential org subscribers, where the orgs are small businesses with 1-15 employees. The product would be used daily, mostly serving the North American market. I'm struggling with what front-end framework. I lean towards Vue.js/ Nuxt.js as it's what I have the most experience with, it's an easier learning curve for new inexperienced developers, and it had great growth in recent years. However, React/Next.js are established frameworks, with a larger community but a steeper learning curve (if I can't get intermediate to senior react developers) and I haven't worked with it. I'm looking for not answers, but advice from the community regarding what other factors I should be considering when deciding. This is a new project (not a re-write of an existing one). Appreciate everyone's feedback.

READ MORE
6 upvotes·42.5K views
Replies (1)
Founder at ghostie·
Recommends
on
Nuxt.js

If you have the most experience with Nuxt, I'd use that. Speed and familiarity are much more important for getting your project off the ground than maturity of the framework in my opinion.

READ MORE
1 upvote

I am working on a production-ready website, and I need to fetch data from a GraphQL API built with Apollo Server. I would like to use Relay, due to performance optimizations, but the docs are too complicated, and the community is not as extended as Apollo's one. If anyone has used both tools or has faced similar questions, I would really appreciate your comment and your opinion on this.

Note: I will also be using Next.js with Static Site Generation, which provides multiple performance optimizations.

READ MORE
4 upvotes·28.3K views
self at self·
Needs advice
on
ApolloApollo
and
GraphQLGraphQL
in

Im getting a empty object [] or [ ] in my console, my getPosts is working in my MERN+Apollo/GraphQL Stack, but..... not the others, the fields are showing in my getStop, getItems, but its not showing the data from MongoDB

READ MORE
2 upvotes·25.4K views
Needs advice
on
Quasar FrameworkQuasar Framework
and
VuetifyVuetify

We want to build an e/m-learning platform, so please guide us on choosing Quasar Framework or Vuetify? Our preferred tech stack is - Vue.js, GraphQL, Apollo. Which is best suited for the production-level UI framework?

READ MORE
3 upvotes·77K views
Replies (3)
Recommends
on
Quasar Framework

Both of these frameworks have too much baggage for me. My bundle size tends to be rather large with each option, though both support tree-shaking. I prefer Vuetify for content sites and ecommerce and Quasar for building actual applications, because the components are very intuitive and much easier to use together in odd combinations than Vuetify: everything "just works" together with very simple and consistent styling and APIs.

If it were me, I would use Gridsome or Nuxt with Tailwind and minimal dependencies. You get a great DX still with tailiwind, good "tree-shaking" through PurgeCSS and nothing you don't need, with full control over your own components.

READ MORE
2 upvotes·1.1K views

Quasar and Vuetify are two entirely different beasts - so your decision depends on what you need:

Quasar is a framework to develop multi-platform apps from the same code base. It supports mobile apps, websites (SPA or PWA if you want) and desktop apps. It comes with a build system and also with a UI framework (visible components).

Vuetify is a UI components library. So if you only need that, it might be the choice for you.

READ MORE
2 upvotes·1K views
View all (3)
Needs advice
on
ApolloApolloFirebaseFirebase
and
Socket.IOSocket.IO

We are starting to work on a web-based platform aiming to connect artists (clients) and professional freelancers (service providers). In-app, timeline-based, real-time communication between users (& storing it), file transfers, and push notifications are essential core features. We are considering using Node.js, ExpressJS, React, MongoDB stack with Socket.IO & Apollo, or maybe using Real-Time Database and functionalities of Firebase.

READ MORE
9 upvotes·1.1M views
Replies (3)
Junior Full Stack Developer at Freelance·
Recommends
on
Firebase

I would recommend looking hard into Firebase for this project, especially if you do not have dedicated full-stack or backend members on your team.

The real time database, as you mentioned, is a great option, but I would also look into Firestore. Similar to RTDB, it adds more functions and some cool methods as well. Also, another great thing about Firebase is you have easy access to storage and dead simple auth as well.

Node.js Express MongoDB Socket.IO and Apollo are great technologies as well, and may be the better option if you do not wish to cede as much control to third parties in your application.

Overall, I say if you wish to focus more time developing your React application instead of other parts of your stack, Firebase is a great way to do that.

READ MORE
7 upvotes·2 comments·487.5K views
Ajay M
Ajay M
·
July 21st 2020 at 8:53PM

I totally agree with you.

The only issue is most features of firebase are paid (and from my perspective costly) which could be a concern when the app grows and they might need to migrate which would be a lot of work.

But if it's only a prototyping then it's all good.

·
Reply
Timothy Malstead
Timothy Malstead
·
July 21st 2020 at 10:07PM

I hear you. I honestly haven't looked into hosting costs of Firebase vs Express/Mongo much.

·
Reply
View all (3)
Senior Fullstack Developer at QUANTUSflow Software GmbH·

Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:

  • Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
  • Vue Styleguidist as our style guide and pool of developed Vue.js components
  • Vuetify as Material Component Framework (for fast app development)
  • TypeScript as programming language
  • Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
  • ESLint, TSLint and Prettier for coding style and code analyzes
  • Jest as testing framework
  • Google Fonts and Font Awesome for typography and icon toolkit
  • NativeScript-Vue for mobile development

The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:

  • Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
  • Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
  • Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
  • Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
  • Large scaling. Vue.js can help to develop pretty large reusable templates.
  • Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.
READ MORE
24 upvotes·1 comment·4.9M views
rishabh2712
rishabh2712
·
April 25th 2020 at 6:24AM

Thanks a lot for sharing.

·
Reply
Senior Software Developer at IT Minds·
Shared insights
at
()

At IT Minds we create customized internal or #B2B web and mobile apps. I have a go to stack that I pitch to our customers consisting of 3 core areas. 1) A data core #backend . 2) A micro #serverless #backend. 3) A user client #frontend.

For the Data Core I create a backend using TypeScript Node.js and with TypeORM connecting to a PostgreSQL Exposing an action based api with Apollo GraphQL

For the micro serverless backend, which purpose is verification for authentication, autorization, logins and the likes. It is created with Next.js api pages. Using MongoDB to store essential information, caching etc.

Finally the frontend is built with React using Next.js , TypeScript and @Apollo. We create the frontend as a PWA and have a AMP landing page by default.

READ MORE
The Leading Web stack of an IT Minds Senior Developer. - DEV Community 👩‍💻👨‍💻 (dev.to)
14 upvotes·2.9M views