Announcing Blitz 2.0 BETA 🎉 🎉 🎉

Blitz is no longer an all-in-one framework but a full-stack toolkit for Next.js 🔥

Previously Blitz abstracted Next.js, but Blitz 2.0 is now a modular toolkit that plugs into any new or existing Next.js app. Blitz picks up where Next.js leaves off, providing battle-tested libraries and conventions for shipping and scaling worldwide apps

Going forward, our mission is to be the most trusted technical resource for rapidly building and scaling full-stack TypeScript apps. We're doing that through frontend-agnostic libraries that simplify complex app problems with minimal tradeoffs and through full-stack guides.

• You can see the full launch announcement here.
• You can read more about the pivot decision here: #3075.
• Read the docs: https://blitzjs.com

Upgrade Guide

If you have an existing Blitz.js app and would like to upgrade it to the Blitz 2.0, you can use our @blitzjs/codemod package by running the following command in the root of your Blitz application:

npx @blitzjs/codemod upgrade-legacy

After running the command, your Blitz app will be upgraded to the Blitz 2.0 + Next.js setup. If you face any issues with the upgrade — let us know!

You can also check out the manual upgrade guide.

Try Blitz 2.0 Yourself With Just a Few Commands

Set Up Your Computer

You need Node.js 16 or newer. You can verify this by running node -v in your terminal.

Install Blitz

Run yarn global add blitz or npm install -g blitz or pnpm add -g blitz.

Generate a New App

1. blitz new myAppName
2. cd myAppName
3. blitz dev

View your brand new Next.js + Blitz 2.0 app at http://localhost:3000/.

Blitz Packages

Blitz 2.0 consist of six packages: blitz, @blitzjs/next, @blitzjs/auth, @blitzjs/rpc, @blitzjs/codegen. Read below to learn about each of them.

blitz

blitz is our core package containing utilities and the base for all the Blitz packages and plugins. Blitz CLI is also a part of this package, including the blitz generate command for code scaffolding.

Read the Blitz CLI docs.
Read the Blitz utilities docs.

@blitzjs/next

The @blitzjs/next package exposes functions and components specific to the Next.js framework.

Read the docs.

@blitzjs/auth

The package provides authentication and authorization. Works with any identity provider, including self-hosted username and password and third parties like Auth0.

Read the docs.

@blitzjs/rpc

Blitz "Zero-API" data layer (Blitz RPC) is focused on making the communication between server and client seamless. It lets you import server code directly into your components instead of having to manually add API endpoints and manually do client-side fetching and caching.

Read the docs.

@blitzjs/codemod

The @blitzjs/codemod has an upgrade-legacy codemod for upgrading the existing Blitz framework application to the new Blitz 2.0 + Next.js setup.

Read the docs.

HUGE shout out to everyone who contributed to this release:

@Zeko369 @datner @anteprimorac @iDavidB @andreasasprou @the-bayer @chaiwattsw @prisis @oltdaniel @Trancever @edrickleong @ganeshmani @orionmiz @iojcde @noxify @siddhsuresh @saadaltabari @dillonraphael @flybayer

🙌 🙌 🙌