Awesome Blitz.js

Curated list of resources about ⚡ Blitz.js.

If you like Blitz.js, consider Sponsoring the project

Contents

• Get started
• Community
• Social
• Apps Built with Blitz.js
• Packages
• Recipes
• Articles
• Videos
• Learning resources
• Contribute

Get started

• ⚡ Website
• 📖 Documentation

Community

• 🏛️ Forum
• 💬 Blitz.js official Slack [ARCHIVED]
• 💬 Blitz.js official Discord

Social

• 🐦 Twitter

Apps Built with Blitz.js

• Quirrel Console - Job Queueing for Next.js x Vercel
• Placemark - Collaborative web-based GeoJSON and geographic data editor.
• hire.win - Open-source applicant tracking system with Stripe billing and role-based permissions.
• Twoclicks - Social profile and link-in-bio tool.

Packages

• superjson - Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more.
• Blitz Guard - An authorization library which allows or restricts access to specific resources.
• @blitzjs/rpc - Zero-API data layer for importing server queries and mutations directly in components.
• @blitzjs/auth - Framework-agnostic session authentication with secure password hashing and Passport.js integration.
• @blitzjs/next - Official Blitz adapter for Next.js with SuperJSON-powered server wrappers and App Router support.
• next-superjson-plugin - SWC plugin for Next.js that transparently serializes Dates, Maps, and Sets.

Recipes

Install recipes using the blitz install CLI command followed by the name of the recipe.

blitz install render

Official Recipes

• chakra - Style your app with Chakra UI
• emotion - Style your app with Emotion
• material-ui - Style your app with Material-UI
• render - Deploy with render.com
• tailwind - Style your app with Tailwind CSS

Custom Recipes

Got a big idea but don't know how to get started? Learn to write your own recipes!

• swagger - Added swagger ui based on swagger jsdoc
• tailwindui - Style your app with Tailwind UI

Articles

In many cases, articles about Next.js can also be applied to Blitz.

• EN
  • Introduction to Blitz.js
  • Blitz.js a fullstack framework for the serverless era
  • The Blitz.js Manifesto (A New Fullstack React Framework)
  • From Hello World to a production app: The magic of Blitz
  • Background workers in Blitz
  • How to work with inline SVG in Blitz.js(Next.js)

Videos

• EN
  • May 2020 - Blitz.js & The Future of Fullstack — React Europe 2020
  • Jul 2020 - Blitz: the Full-Stack React Framework - Brandon Bayer @ Prisma Day 2020
  • Sep 2020 - Blitz.js - The full stack React Framework
  • Sep 2020 - Mintbean Masterclass - BLITZ.JS with BRANDON BAYER
  • Mar 2021 - Blitz, the Fullstack React framework - Brandon Bayer | GURU TALKS
  • Jul 2021 - Let's Learn Blitz.js! (with Brandon Bayer) — Learn With Jason
  • Oct 2021 - 20 min Intro to Blitz.js

Learning resources

• EN
  • Workshop: Building a leaderboard with Blitz
  • Upgrading from the Blitz Framework - Official migration guide and codemod for legacy Blitz apps.
  • Using Blitz Toolkit with Next.js 13 - Official guide for integrating Blitz RPC and Auth with the App Router.

Contribute

Found something interesting? Make a Pull Request! Please follow the CONTRIBUTING guidelines.