Blitz.js - The Non-Sucking Fullstack Web Framework

Imagine a world in which it was as easy to build a Jamstack app as it was to build a server rendered web app using frameworks like Ruby on Rails, Laravel or Django. Meet Blitz.js — the combination of those two approaches I've been waiting for.

Blitz works like this: You write your frontend code using React and backend code using JavaScript. At this stage, your app very much resembles one created with Ruby on Rails. But Blitz.js really shines when it comes to connecting the back- and frontend.

In a Jamstack app, you would normally define API routes and decide whether to use REST or GraphQL. And trust me, I've been there. I've spent hours deciding which API framework to use, learning how GraphQL schemas work and setting up things like ESLint to ensure a smooth programming experience.

Building Jamstack apps as a single person sucks. Even before you can start working on the project itself, you have to wrap your head around countless configuration files and make important decisions as to what tools you should use. It's just too complex.

With Blitz.js, you can straight up import backend code inside your frontend code. Blitz.js then automatically generates the necessary API endpoints and API calls.

const [createProjectMutation] = useMutation(createProject)
Importing backend code (mutations) inside your frontend is as simple as this

Additionally, every new Blitz.js app comes with ESLint, Husky and many more tools preconfigured. Your new web app even supports user authentication out of the box!

Blitz.js is still a fairly new project and hasn't even reached version 1.0 yet (scheduled for Q3 of 2021). I still encourage you to give it a try, as it seems very promising.

Future Entrepreneur. Interested in tech, finance and becoming 1% better every day.