A Beautiful JS Stack

Hello!

How are you?

This is a short post to tell you that I found a stack I like very much.
I consider this important to share because I think I’m not the only one who wastes a lot of time in search for the
“perfect” stack.
So here it is:

Frontend: Next.JS
– You get SSR by default, so it’s very good for making sites that benefit of SEO like property listing sites, job boards, etc…
– You get to use React and be able to load only the components you need for each page, which make the site super fast

Frontend state management: Mobx + hooks
– Forget all the boilerplate that redux adds
– You can easily transition from local component state, to state in stores when you think it’s time

Backend: Adonis.JS
– Heavily inspired by Laravel
– Has Migrations baked inside
– Comes with a very good testing framework for TDD
– Solves common problems as Auth and Mailing
– Super easy to deploy and run

Mobile: Expo + React Native
– Building a cross platform mobile app doesn’t get easier than this.
– You get some default packages which help with 98% of tasks
– You can see the app live reload in your phone
– You get over-the-air updates with just pushing to expo

Database: Postgres
– Super fast
– Works for 99% of the use cases
– It’s very difficult that your product grows so much that it outscales it
– Is relational, so forget all the problems No-SQL databases bring you like having to keep consistency between documents…

All in all, I think this stack gives you the fastest way to iterate a product, but at the same time have a good architecture if you need to start adding complexity to the project.

Hope this serves you!