2019 The perfect React Full-Stack IMHO

Hello #Full-Stack Coders,

I'm writing this article because we want AppSeed to keep up with the latest market trends in full-stacks. Currently, we are shipping apps for Vue.js and React bundled with Express, Flask, and Laravel.

All of them are built on top of BS4, which is great, but we always need to be on the lookout for something better, right? So today, I will present you the next full-stack that will be integrated into AppSeed really soon: Gatsby with Bulma CSS for the UI Layer.

Full-Stack Gatsby / Bulma starter

Developers can scaffold web applications quite fast using many tools, but we should take into account the use Gatsby along with Bulma for some good reasons:

The first one is the speed:

Full-Stack Gatsby / Bulma starter - Lighthouse Score

Secondly, Gatsby became quite popular thanks to the JAM Stack implementation. It has a huge community around it and automatized deployment on Netlify. It's stable, well documented, and offers "out-of-the-box" modules for sitemaps, authentication, development tooling, and GraphQL, which is amazing, btw.

And finally, Bulma CSS framework is also well documented, it has cute CSS markers like "is-primary" / "is-large" for buttons and automatic cells alignment. All this making usage and integration really easy.

By using this stack, a developer can easily create a new web apps using a few basic commands:

  1. npm install -g gatsby-cli
  2. gatsby new gatsby-bulma https://github.com/rosoftdeveloper/fullstack-gatsbyjs.git
  3. cd gatsby-bulma
  4. npm install
  5. gatsby develop
  6. gatsby build
  7. npm run deploy

Basically, the above commands will provide a basic setup for the Gatsby tool and the demo starter.

Next steps for this starter:

  • add authentication ( Basic, OAuth, 2fAuth )
  • integrate Stripe
  • Something is missing? please suggest :)

Resources:

Show Comments

Get the latest posts delivered right to your inbox.