awesome-redwood

A community-driven collection of Redwood related plugins, config, themes, build scripts, tutorials, and more.

Table of Contents

• Official
  • Community Links
  • Example Applications
  • Video Tutorial
• Deployment
• Storage
• Client
• Video
  • Talks
  • Meetups
  • Tutorials
• Podcasts
  • FSJam
• Auth
  • Providers
  • Tutorials
  • Example Applications
  • Community Discussion
• CSS
• Plugins
• Storybook
• Production Redwood Applications
• Community
• Comparisons to Other Frameworks

Official

Community Links

• redwoodjs.com
• Community Forum
• GitHub
• Youtube

Example Applications

• Todo, Netlify, Summary
• Blog, Vercel, Summary
• Invoice, Netlify

Video Tutorial

WARNING: The video tutorial is currently out of date and contains numerous breaking changes among Prisma Migrate commands and application structure.

• Part 1
• Part 2
• Part 3
• Part 4

Deployment

• Netlify
• Vercel
• Render
• Serverless
• Fly.io
• PM2
• Heroku

Storage

• Railway
• Setup Database with Railway CLI
• Azure Postgres
• AWS S3 - File uploads
• Building a Minimum Viable Stack with RedwoodJS and FaunaDB
• Supabase redwood experiments
• Using Redwood with Neo4j Database
• Setting up local postgres database for noobs like me
• Many-to-Many Relationships the Redwood Way™️

Client

• RedwoodJS React Query Provider
• Switch out @apollo/client for smaller bundle size
• We’re Evaluating a New Default GraphQL Client

Video

Talks

• Design-first Full-stack: RedwoodJS, Storybook, and Tailwind - David Price
• Architecting Jamstack Applications with GraphQL - Anthony Campolo
• Building Fullstack E-commerce Applications with RedwoodJS, Shopify, and StepZen - Anthony Campolo and Lucia Cerchie
• Fullstack Jamstack Development with RedwoodJS - Anthony Campolo
• Building Fullstack Jamstack Applications with RedwoodJS (JS Monthly) - Anthony Campolo
• Building Fullstack Jamstack Applications with RedwoodJS (Jamstack OPO) - Anthony Campolo
• RedwoodJS and the Universal Deployment Machine - Anthony Campolo
• Fullstack with RedwoodJS - David Price
• How I Built a Product in 3 Days Thanks to RedwoodJS - Anthony Morris
• Architecting a Fullstack Jamstack Application with FaunaDB, RedwoodJS, and GraphQL - Anthony Campolo
• RedwoodJS - David Price
• A First Look at RedwoodJS - Anthony Campolo
• RedwoodJS: Bringing Fullstack to the Jamstack - Tom Preston-Werner
• RedwoodJS Demo - Tom Preston-Werner

Meetups

• January 14 - Demo of a Real-time Redwood App
• December 3 - What's New and Coming in v1
• November 5 - Production App Demos
• October 8 - How To Contribute
• September 24 - NextJS and Containerization
• September 11th - Prisma Model Relations and Many-to-Many @relation Example
• August 28th - Roadmap to v1, Auth and RBAC, FaunaDB, Deploy to Vercel
• July 30th - Main Session
• July 30th - Data Migrations

Tutorials

• Learn With Jason - Let's Learn RedwoodJS with Anthony Campolo
• Rob Cameron - Redwood.js Core Team - Learn With Us Part 2
• Rob Cameron - Redwood.js Core Team - Learn With Us Part 1
• Max Stoiber Live with @appfactory
• Redwood Talk and Demo by its Co-Author Peter Pistorius aka @appfactory
• Introduction to RedwoodJS: Fullstack Framework for Jamstack

Podcasts

• Does Not Compute - RedwoodJS, StepZen, and More with Anthony Campolo
• Talking Serverless - Anthony Campolo Returns!
• JavaScript Jabber - RedwoodJS Brings Fullstack to the Jamstack with Anthony Campolo
• Web Rush - RedwoodJS with Anthony Campolo
• Rails with Jason - RedwoodJS with Anthony Campolo, RedwoodJS Core Advocate
• Does Not Compute - RedwoodJS with Anthony Campolo
• Talking Serverless - Anthony Campolo RedwoodJS Contributor
• That's My Jamstack - Anthony Campolo on full-stack serverless frameworks
• Jamstack Radio - Studying The Stack with Anthony Campolo
• Smashing Podcast - What Is RedwoodJS? with Anthony Campolo
• Frontend First - Tom Preston-Werner on Architecture Decisions in RedwoodJS
• Software Daily - RedwoodJS with Tom Preston-Werner
• WAPI Radio - The Making of RedwoodJS
• Shoptalk - RedwoodJS with Tom Preston-Warner
• Fullstack Radio - Building Fullstack JS Apps with RedwoodJS
• JS Party - RedwoodJS brings Fullstack to the Jamstack

FSJam

• UserVitals with Tharshan Muthulingam
• Multilingual Documentation with Claire Froelich
• Tutorial Driven Development with Rob Cameron
• Tape.sh with Danny Choudhury
• Shipping Web Applications with Dominic Saadi
• Bringing Fullstack to the Jamstack with Tom Preston-Werner
• Building Online Communities with (the) David Price

Auth

Providers

• Netlify Identity Widget - Redwood Docs
• Netlify GoTrue-JS - Redwood Docs
• Auth0 - Redwood Docs
• Clerk - Redwood Docs
• Azure Active Directory - Redwood Docs
• Magic Links - Magic.js - Redwood Docs
• Firebase's GoogleAuthProvider - Redwood Docs
• Supabase - Redwood Docs
• Ethereum - Redwood Docs
• Nhost - Redwood Docs
• Custom

Tutorials

• RedwoodJS Authentication in 5 minutes
• Netlify Identity Widget
• GoTrue Auth
• Role-based Access Control (RBAC)
• Redwood Tutorial-Blog with Netlify Identity and RBAC

Example Applications

• Auth Playground
• GoTrue Example App
• RBAC Example App

Community Discussion

• Dumping the Netlify Identity Widget - Using GoTrue Auth with Email Verification
• Can I use CASL?
• Local JWT Auth Imlementation
• Is there another term for covering permissions that;s based on “ownership” on top of roles?
• Here’s how I implemented Auth0 on the api side
• Custom github JWT Auth with Redwood Auth

CSS

• Recommendations for integrating a CSS library?
• Sass Setup
• Use Linaria CSS-in-JS
• Using Theme UI with RedwoodJS

Tailwind CSS

• Tailwind CSS Setup
• Upgrading to TailwindCSS v2
• Tailwind v0.36 Upgrade Guide
• Adding TailwindCSS to RedwoodJS

Twin.macro (warning, possibly broken)

• Twin.macro integration
• How to Style Your React Apps with Less Code Using Tailwind CSS, Styled Components, and Twin Macro
• Problems using twin.macro

Plugins

• Redwood IDE
  • Summary * Aldo Bucchi
• Redwood Logging
• Netlify Build Plugin to Validate RedwoodJS Env Setup
  • Repo
  • Example App
• Setting up Sentry in RedwoodJS
• Use Monaco Editor in Redwoodjs
• nprogress

Storybook

• Mocking GraphQL in Storybook
• How to Use the New Storybook Integration in v0.13.0
• Add support for Storybook
• Storybook support for cells

Production Redwood Applications

• Tape.sh - Screen recording and collaboration tool for software teams
  • Summary - Danny Choudhury
• Everfund - Supercharged Fundraising Platform for Non-profits
• repeater.dev - Background job processing for the Jamstack
  • Summary - Rob Cameron
• Commonality - Data-driven OKR platform for achieving measurable results at scale
  • Summary - Alec Ortega
• Teamstream.gg - Realtime Tournament Viewer
  • Summary - Kris Coulson
• Pullflow - Smoother code reviews with GitHub + Slack
• SportOffice - Management and e-commerce tool for outdoor activities schools
  • Summary - Thomas Seillan
• Dentry - Find and share projects or entry level job roles
  • Summary - William Imoh
• FlipAgain - Flashcard app for studying
  • Summary - Keith Elliott
• Predict COVID - Visualize the 2020 COVID-19 pandemic, country-to-country
  • Summary - Lachlan Campbell
• Vida - Create compelling dashboards quickly, no coding required
  • Summary - Phuoc Do
  • Repo
• Duoflag - Find out your best visa options to migrate to your dream country
  • Summary - Beto de Castro Moreira
• isBusy - Get a free-forever personal status page for remote work
  • Summary - Mark Thomas
• Swordy Bot - Manage & monetize your Discord community
  • Summary - Pi0neerpat
  • Repo

Community

• redwoodjs-badge -

• RedwoodJS Infomercial

Comparisons to Other Frameworks

• Blitz.js vs. RedwoodJS (IndieHackers)
• Bison - The Fullstack Jamstack in-a-box
• Blitz.js vs. RedwoodJS (Logrocket)