The Fullstack React Framework

"Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails

Makes you far more productive than you ever dreamed was possible 😉

Read the Documentation

“Zero-API” data layer lets you import server code directly into your React components instead of having to manually add API endpoints and do client-side fetching and caching.

Includes everything you need for production apps. Everything end-to-end from the database to the frontend.

Blitz brings back the simplicity and conventions of server-rendered frameworks like Ruby on Rails while preserving everything we love about React and client-side rendering!

Quick Start

You need Node.js 12 or newer

Install Blitz

Run npm install -g blitz

Create a New App

blitz new myAppName
cd myAppName
blitz start
View your baby app at http://localhost:3000

Features:
⚡️ Built on Next.js
⚡️ Don't have to build an API for client-side rendering
⚡️ Client-side rendering, Server-side rendering, and fully static pages all in the same app
⚡️ Full Typescript support with static, end-to-end typing (no code generation step needed like with GraphQL)
⚡️ React Concurrent Mode enabled
⚡️ Database/ORM agnostic, but Prisma 2 is default
⚡️ CLI with code scaffolding, Rails-style console REPL, etc
⚡️ GraphQL Ready
⚡️ Deploy serverless or serverful

Other key features coming:
⚡️ Highly secure authentication
⚡️ Authorization you can use on both server and client
⚡️ Model validation you can use on both server and client
⚡️ Plugins for easily adding libraries like Tailwind, CSS-in-JS, etc.
⚡️ React native support
⚡️ GUI so you don't have to use the CLI

The Foundational Principles

Fullstack & Monolithic
API Not Required
Convention over Configuration
Loose Opinions
Easy to Start, Easy to Scale
Stability
Community over Code

The Blitz Manifesto explains these principles in detail.

What is Blitz Designed For?

Blitz is designed for tiny to large database-backed applications that have one or more graphical user interfaces.

While we currently only support web, we are pursuing the dream of a single monolithic application that runs on web and mobile with maximum code sharing and minimal boilerplate.

Welcome to the Blitz Community 👋

The Blitz community is warm, safe, diverse, inclusive, and fun! LGBTQ+, women, and minorities are especially welcome. Please read our Code of Conduct.

Join our Slack Community where we help each other build Blitz apps. It's also where we collaborate on building Blitz itself.

For questions and longer form discussions, post in our forum.

There's still a lot of work to do, so you are especially invited to join us in building Blitz! A good place to start is The Contributing Guide.

Financial Contributors

Your financial contributions help ensure Blitz continues to be developed and maintained! We have monthly sponsorship options starting at $5/month.

👉 View options and contribute at GitHub Sponsors, PayPal, or Open Collective

🥉 Bronze Sponsors

—

🥈 Silver Sponsors

🏆 Gold Sponsors

—

💎 Diamond Sponsors

—

Core Team ✨

_{Brandon Bayer}
Creator

_{Rudi Yardley}
Node.js Wizard

_{Dylan Brookes}
Friendly Generalist

Maintainers (Level 2) ✨

Code ownership, pull request approvals and merging, etc (see MAINTAINERS.md)

_{Adam Markon}
CLI

_{Robert Rosenberg}
Website/Docs

Maintainers (Level 1) ✨

Issue triage, pull request triage, community encouragement and moderation, etc (see MAINTAINERS.md)

_{Lori Karikari}	_{Corey Brown}	_{Simon Knott}	_{Jeremy Liberman}	_{Jaga Santagostino}	_{Simon Debbarma}	_{Jack Clancy}
_{Ivan Medina}

Contributors ✨

Thanks to these wonderful people (emoji key):

_{Brandon Bayer} 💻 🖋 🤔 👀	_{Rudi Yardley} 💻 🤔 👀 ⚠️	_{Dylan Brookes} 💻 🤔 👀 ⚠️ 📖	_{Adam Markon} 💻 🤔 👀 ⚠️ 🚧	_{Corey Brown} 💻 👀 🚧	_{Lori Karikari} 💻 👀 🚧 📖	_{Elias Johansson} 💻 👀 🚧
_{Michael Edelman} 🚇 💻	_{Todd Geist} 💵 💻	_{Robert Rosenberg} 💻 🚧 📖	_{Beata Obrok} 💻	_{Tahir Awan} 💻	_{Camilo Gonzalez} 💻	_{Daniel Kempner} 💻
_Giel 💻	_{Jeremy Liberman} 💻 🚧 ⚠️	_{Jim Cummins} 💻	_{Kristina Matuška} 🎨	_{Jason Blalock} 💻	_aej11a 💻	_marcoseoane 🤔
_{Rishabh Poddar} 🤔	_{Lorenzo Rapetti} 💻	_{Justin Hall} 💻 📖	_{Sajjad Hashemian} 💻	_{Eduardo Lopes} 💻	_{Matthew Leffler} 📖	_Matt 📖
_Sonny 📖	_{Fran Zekan} 💻 📖	_{Jan Baykara} 📖	_{Mike Perry Y Attara} 📖	_Devan 📖	_{Jack Clancy} 💻 🚧	_{Nicolas Torres} ⚠️ 💻
_{Simon Knott} 💻 ⚠️ 🚧	_{Jaga Santagostino} 💻 📖 🚧	_{João Portela} 💻	_{Da-Jin Chu} 💻	_{Shinobu Hayashi} 💻	_{Karan Kiri} 💻	_{Alan Long} 📖
_codingsh 💻	_{Rafael Nunes} 👀 💻	_{Simon Debbarma} 🎨 🚧 📖	_0xflotus 💻 📖	_tmns 💻 📖	_{Jru Harris} 📖	_{Ivan Medina} 💻 🚧
_{Dwight Watson} 💻 📖	_{Horie Issei} 💻	_{Nhat Khanh} 💻	_{Abu Uzayr} 💻	_{Nabiullah elham} 💻	_{Lachlan Campbell} 💻	_{Enzo Ferey} 💻
_{Pierre Grimaud} 💻	_{John Letey} 💻	_{Andreas Adam} 💻	_{Kevin Tovar} 💻	_{Ante Primorac} 💻 📖	_{Mykal Machon} 💻	_{Jamie Davenport} 💻
_GaneshMani 💻	_reymon359 💻	_gvasquez11 💻	_{José Miguel Ochoa} 💻	_{Oscar Sirvent} 💻 📖	_{Daniel Molnar} 📖 💻	_{Kevin Wu Won} 📖
_{John Duong} 💻	_{Noah Fleischmann} 💻	_{Matsumoto Toshi} 💻 📖	_{Simon Edelmann} 💻	_{Shaun Church} 📖 💻	_Steven 📖	_{Sigurd Moland Wahl} 💻
_{Brian Andrews} 📖	_{Garrison Snelling} 📖	_{Ty Lange-Smith} 💻	_{Rubén Moya} 💻 ⚠️	_{robertgrzonka} 💻 🚇	_{Alex Orr} 💻	_{Chris Tse} 💻
_{Netto Farah} 💻	_{Rohan Julka} 🚇	_{Ivan Santos} 💻	_{Soumyajit Pathak} 💻	_{Sebastian Kurpiel} 📖	_Steffan 💻 📖 💵	_{Kristóf Poduszló} 💻
_Weilbyte 💻 📖	_{Ricardo Trejos} 💻	_{George Karagkiaouris} 💻 📖	_{Brady Pascoe} 💻	_{Jirka Svoboda} 💻