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

Social

• 🐦 Twitter

Apps Built with Blitz.js

• Quirrel Console - Job Queueing for Next.js x Vercel

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.

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
  • Blitz: the Full-Stack React Framework - Brandon Bayer @ Prisma Day 2020
  • Blitz.js & The Future of Fullstack — React Europe 2020
  • Blitz.js - The full stack React Framework
  • Mintbean Masterclass - BLITZ.JS with BRANDON BAYER

Learning resources

• EN
  • Workshop: Building a leaderboard with Blitz

Contribute

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