The Live Coders Conference 3 - Adventures in the Jamstack forest: Discovering Redwood

Conference link: https://livecoders.dev/lcc3/
Presentation link: https://www.twitch.tv/videos/808273985?t=4h44m14s

Redwood: https://redwoodjs.com/

Redwood is a full-stack JS framework that follows the Jamstack philosophy: forget about webservers, don’t worry too much about back-end, push to main and voila, here’s your website. Interested in learning how it works? Curious about its community? Say no more, I got you covered in this talk 👍

Transcript

1. Adventures in the Jamstack forest: Discovering Redwood . Co for t contribution, stay for t community The Live Coders Conference 3 Kim-Adeline Miguel - @kimadeline_m
2. Motivations ! I said I would help, so I did. T Live Co rs Confe nce 3 @kima li _m
3. Redwood’s elevator pitch ⏲ “Do you love the Jamstack philosophy but need a database-backed web app? Want great developer experience and easy scaling? Redwood is here! Built on React, GraphQL, and Prisma, Redwood works with the components and development workflow you love, but with simple conventions and helpers to make your experience even better.” - dwoodjs.com T Live Co rs Confe nce 3 @kima li _m
4. Redwood’s elevator pitch ⏲ “Do you love the Jamstack philosophy but need a database-backed web app? Want great developer experience and easy scaling? Redwood is here! Built on React, GraphQL, and Prisma, Redwood works with the components and development workflow you love, but with simple conventions and helpers to make your experience even better.” -redwoodjs.com T Live Co rs Confe nce 3 @kima li _m
5. The Jamstack # • JavaScript, APIs and Markup • A methodology and an infrastructure • Commit to a repo, deploy globally • Pre-rendering, serverless functions, rely on CDNs T Live Co rs Confe nce 3 @kima li _m
6. How it works $ • Project lives in a monorepo: api/ (BE) and web/ (FE) • Frontend: React + routing • Backend: GraphQL, Prisma, serverless functions T Live Co rs Confe nce 3 @kima li _m
7. The architectural diagram slide™ % T Live Co rs Confe nce 3 @kima li _m CDN ! Web client assets Serverless functions ⚡ GraphQL API Prisma DB ☁ the cloud " client-side Browser # React frontend
8. Redwood quickstart ⚒ • Tutorial: redwoodjs.com/tutorial • Includes follow-along videos • Not just front-end: database, deployment, authentication • Going further: check out the cookbook • Everything just works™ • yarn rw <anything> • VS Code plugin: Redwood IDE T Live Co rs Confe nce 3 @kima li _m
9. New contributor, who dis ' Leave t impostor syndro to Among Us T Live Co rs Confe nce 3 @kima li _m
10. Where should I start? ( • Roadmap: redwoodjs.com/roadmap • 1.0 before the end of the year • Ties into GitHub boards and issues • Your own experiments: document them ! T Live Co rs Confe nce 3 @kima li _m
11. There’s no community without u ) • Forum: troubleshooting, discussions, show and tell • Open, no-pressure environment • Discord: quick help, casual • Meetups: next one on December 3rd, join us! T Live Co rs Confe nce 3 @kima li _m
12. tl;dr * • The Jamstack ecosystem is growing • Shiny new tech made easy to use, it just works™ • Welcoming community, no matter what your goals are • Stickers!! redwoodjs.com/stickers • Redwood Twitter: @redwoodjs T Live Co rs Confe nce 3 @kima li _m
13. Thank you . aka.ms/liveco rs- dwood @kima li _m T Live Co rs Confe nce 3
14. Links + • Redwood: • https://redwoodjs.com/ • Twitter: @redwoodjs • Jamstack philosophy: https://jamstack.org/ • VS Code plugin: https://marketplace.visualstudio.com/items?itemName= redwoodjs.redwood • FSJam twitter: @fsJAMorg • Background photo from Josh Carter on Unsplash T Live Co rs Confe nce 3 @kima li _m