The Fullstack React Framework

Built on Next.js — Inspired by Ruby on Rails — New Fullstack Data Layer

Read the Documentation

New “no-API” data layer lets you import server code into your React components instead of having to fetch from an API.

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.

Sponsors and Donations

Contribute via GitHub Sponsors
Contribute via PayPal
Contribute via Open Collective
Contribute via Patreon

Sponsor Blitz and display your logo and hiring status here. This is a great way to get in front of early adopters!

View our Bronze 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)

We need more woman & nonbinary level 1 maintainers. See MAINTAINERS.md for what this entails

_{Lori Karikari}	_{Corey Brown}	_{Simon Knott}	_{Elias Johansson}	_{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} 💻