Apollo

Application and Data / Application Hosting / Platform as a Service
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)
12 upvotes·255.4K views
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
19 upvotes·1 comment·600.7K views
rishabh2712
rishabh2712
·
April 25th 2020 at 6:24AM

Thanks a lot for sharing.

·
Reply
Needs advice
on
Socket.IO
Firebase
and
Apollo

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·564K views
Replies (3)
Junior Full Stack Developer at Freelance·
Recommends
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·199.6K 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)
Needs advice
on
Vuetify
and
Quasar Framework

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·11.9K views
Replies (3)

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·281 views

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·267 views
View all (3)
self at self·
Needs advice
on
GraphQL
and
Apollo
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·3.2K views

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·5.9K views