2019 The perfect React Full-Stack IMHO

Hello Coders,

I'm writing this article based on a personal research. Basically I want to move my development from React / BS4 and Flask ( my favorite until now ) to another stack, modern and more proficient.

After a short research, i decide to build something with GatsbyJS and Bulma.

Anyway, developers can scaffold web applications quite fast using many tools, but i decide to take into into accountGatsby along with Bulma for some good reasons. The first one is the speed:

Gatsby becomes quite popular because of JAM Stack implementation. Has a huge community around it, automatized deployment on Netlify, stable, well documented, "out-of-the-box" modules for sitemaps, authentication, development tooling, and GraphQL, which is amazing, btw.

Bulma CSS framework is well documented, has cute CSS markers like "is-primary" "is-large" for buttons, automatic cells alignment. really easy to integrate and use.

Using this stack, a developer can easily start a new web apps using a few basic commands:

npm install -g gatsby-cli // install Gatsby globally
gatsby new gatsby-bulma https://github.com/rosoftdeveloper/fullstack-gatsbyjs.git
cd gatsby-bulma
npm install // install dependencies
gatsby develop // write your code
gatsby build // production build
npm run deploy // FTP deployment

Above commands will provide basic setup for Gatsby tool and the demo starter. Next steps for this starter:

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

Resources:

• Demo: Full-Stack GatsbyJS
• Sources: Github, MIT Licence, of course
• GatsbyJS framework
• Bulma.io - CSS Framework