FSJam Podcast

Khash Sajadi is the CEO of Cloud 66. Cloud 66 gives you everything you need to build, deploy, and maintain your applications on any cloud, without the headache of the “server stuff."

In this episode we discuss the evolution of platforms-as-a-service over the last decade, how to most effectively leverage a multi-cloud world, and the characteristics of a resilient hosting provider.

Khash Sajadi

• Twitter

Cloud 66

• Homepage
• Twitter
• GitHub

Tracy Lee (CEO) and Dustin Goodman (Engineering Manager) join us to talk about This Dot Labs, a JavaScript consultancy that helps teams through staff augmentation, consulting, and training.

In this episode we discuss how to compare open source frameworks, starter projects that help developers quickly begin building, and the potential of a post-React future.

Tracy Lee

• Twitter
• LinkedIn
• GitHub
• Homepage

Dustin Goodman

• Twitter
• LinkedIn
• GitHub
• Homepage

This Dot Labs

• Homepage
• Twitter
• LinkedIn
• GitHub

Links

• This Dot Open Source
• starter.dev GitHub Showcases
• framework.dev
• The Perfect Egg Recipe
• react.framework.dev
• starter.dev
• About npm
• blockchain.education
• Smart Contract Database
• TanStack

Matteo Frana is the CEO and Founder of React Bricks, a visually editable CMS for Next.js, Gatsby and Remix.

In this episode we discuss the origins and motivations of React Bricks, the challenges of creating content with grey forms, and how to build a CMS that balances the needs of both developers and content creators.

Matteo Frana

• Twitter
• GitHub

React Bricks

• Homepage
• Twitter
• Discord

Links

• Logo
• React Bricks Tutorial
• React Bricks Live Demo
• Neoskop Case Study
• Everfund Case Study
• Woosmap Case Study

Simon Knott is the creator of Quirrel and the newly created Scheduled Functions from Netlify.

In this episode we discuss the difficulties of running jobs on serverless, use cases for Netlify's Scheduled Functions, the future of Blitz.js, and the trade-offs inherent to remote work.

Simon Knott

• Twitter
• GitHub
• Homepage

Netlify's Scheduled Functions

• Scheduled Functions Documentation
• Netlify Acquisition FAQ
• Quirrel is Acquired! And I Am Joining Netlify
• Netlify Acquires Quirrel
• Quirrel Joins Netlify and Scheduled Functions Launches in Beta
• Scheduled Functions (Cron Jobs) With Netlify - Learn with Jason
• How to Schedule Deploys with Netlify

Blitz.js 2.0

• Flightcontrol with Brandon Bayer and Mina Abadir (FSJam68)
• Important Discussion On Possible Blitz.js Pivot - Brandon Bayer
• Future of Blitz.js
• Announcing Blitz.js 2.0 - Brandon Bayer
• Introduction to Blitz.js Toolkit - Simon Knott
• 2.0 Stable Launch - Brandon Bayer
• Announcing Blitz.js 2.0 Beta - Aleksandra Sikora
• Upgrading Your Blitz.js App to Blitz.js 2.0

Links

• Quirrel with Simon Knott (FSJam15)
• The Self Provisioning Runtime
• Schedule Netlify Builds with GitHub Actions - Lunchdev
• Schedule Netlify Builds with GitHub Actions, Cron, and Webhooks - Michael Chan
• tRPC
• Retool

Ben Myers is a frontend developer at Microsoft and an advocate for web accessibility.

In this episode we discuss the fundamentals of Eleventy, how to approach web development from a conservationist's point of view, and utilizing Eleventy Serverless for deferred, on-demand rendering.

Ben Myers

• Homepage
• Twitter
• GitHub
• Twitch
• Some Antics
• showmy.chat

Eleventy

• Homepage
• Twitter
• GitHub
• Discord

Links

• Fullstack Accessibility with Ben Myers (FSJam31)
• Slinkity with Ben Holmes (FSJam49)
• Eleventy Data Cascade Documentation
• I Finally Understand Eleventy's Data Cascade
• events.lunch.dev
• Eleventy Serverless
• A First Look at Eleventy Serverless with Zach Leatherman (Some Antics)
• Modern CSS with Stephanie Eckles (FSJam63)
• Incremental Static Regeneration
• Distributed Persistent Rendering
• Understanding Rendering in the Jamstack by Brian Rinaldi
• Eleventy Glossary
• Learn Eleventy From Scratch by Andy Bell
• Amit Sheen Codepens
• THE Eleventy Meetup
• Full Time Open Source Development for Eleventy, Sponsored by Netlify

Transcript

[Pre-show Clip]

Ben

When I was on Learn with Jason talking about Eleventy Serverless, I actually spent a fair amount of time talking about... "hey, Eleventy doesn't work for every use case." There are certain websites you have in mind that Eleventy would not be a good fit for. That's okay, that just means it's better suited for other kinds of sites. I think there is this instinct in Jamstack communities to try to kludge Jamstack into a fundamentally un-Jamstacky problem space.

Chris

What do you mean? Gatsby is the best for everything and we should have never moved off Gatsby and there's no need for Svelte or Solid or anything like that. Gatsby, it did everything.

[Opening Theme Song]

Anthony

Ben Myers, welcome back.

Ben

Hey! It's good to be back.

Anthony

You were on an earlier episode, 30-something, talking about web accessibility. You are a web developer and accessibility advocate at Microsoft. Today, we're going to be talking to you about Eleventy cause Eleventy is a project that I know you're really passionate about. We've had others on the show talk about it a little bit, especially Ben Holmes who is building a meta framework on top of Eleventy called Slinkity. But, today we're going to be talking about Eleventy proper. What it is, why people are excited about it, and what kind of stuff they're building with it.

Ben

I'm thrilled, I absolutely love Eleventy as a tool and it's one of those things that's been an absolute privilege to get to introduce people to. Fair disclosure! I totally have not introduced people to it through a podcast medium, so this is gonna be very interesting. Super excited to chat about it with y'all.

Anthony

Why don't we first start with what Eleventy is. I think if anyone has heard about it, they know that it's a static site generator. They may have heard that it's based a bit on Jekyll, so if you can talk a little bit about what it does and what you would build with it.

Ben

Yeah, so I find that simply saying, "Jekyll but JavaScript" is enough for some people to just get it. I will say that the fact that it is powered by JavaScript makes it more approachable than other static site generators for many people because JavaScript is the language of the web. If you're doing front end development, JavaScript is something you're very likely to be very familiar with. A static site generator that leverages JavaScript, specifically the Node.js ecosystem, is a very compelling sell for a lot of people. But, I should definitely back up and explain the bigger picture.

You described it as a static site generator in the vein of Jekyll. I think that's absolutely, absolutely fair. But personally, I don't have experience with Jekyll. That's not something that really helps me understand what it is. The simplest way to think of Eleventy is, it is a tool that will take content, typically in a format such as markdown. It'll take that content, it'll just convert it to some pure, raw, boring, fantastic HTML (or other assets). That is, I think, the simplest way to think of it. You've got some content, maybe it's blog posts, maybe it's documentation pages. Maybe it's a landing page for some product. Some content that is mostly static and you want some output, typically HTML.

That is what Eleventy is and what it's really, really good at. What Eleventy isn't, is a tool for building highly dynamic interactive experiences. For those, you might still consider a client side web application framework such as React or Vue. Eleventy simply isn't as interested in addressing those kinds of websites and I think that's totally fair. But if you've got something that could be expressed in static HTML, Eleventy is possibly a very good project for you.

Anthony

I actually first started learning about Eleventy for a big reason cause of you, Ben. We were building out the lunch.dev calendar with it. That was a really interesting project because we were trying to create like an events calendar. What we did is we had a Git repo that was building the static site and then we had markdown files for the individual events. Then the individual events would be transformed into litt...

Our hosts discuss widgets, documentation, and the future of FSJam.

Anthony Campolo

• Twitter
• GitHub
• Blog

Christopher Burns

• Twitter
• GitHub
• Everfund

Links

• uidotdev - JavaScript Modules
• Everfund GitHub

Matt Biilmann is the CEO and founder of Netlify, a Jamstack deployment platform.

In this episode we discuss the Jamstack Innovation Fund, open source sustainability, deciding whether to use Cloudflare Workers or Deno for Netlify's Edge Handlers, and the future of the Jamstack.

Matt Biilmann

• Twitter

Netlify

• Home Page
• Twitter

Links

• Jamstack Innovation Fund Home Page
• Netlify Launches $10 Million Jamstack Innovation Fund
• Jamstack Innovation Fund Launches with the 10 Most Promising Jamstack Startups

The Fund

• ChiselStrike - prototype-to-production data platform
• Clerk - authentication service purpose-built for Jamstack
• Clutch - visual editor for Jamstack solutions
• Convex - global state management platform
• Deno - modern runtime for JavaScript and TypeScript
• Everfund - developer-first nonprofit tool to build custom fundraising systems
• NuxtLabs - making web development intuitive with NuxtJS
• Snaplet - tool for copying Postgres databases
• TakeShape - GraphQL API mesh
• Tigris Data - zero-ops backend for web and mobile apps

Miško Hevery is the creator of Qwik, a resumable framework that serializes application and framework state into HTML upon rendering the application.

In this episode we discuss what is a resumable framework and how resumability relates to partial hydration.

Miško Hevery

• Twitter
• GitHub
• LinkedIn

Qwik

• Home Page
• Twitter
• GitHub

Links

• Builder.io
• Partytown

Ishan Anand (VP Product, AppOps) and Scott Steinlage (Technical Community Manager) join us to talk about Edgio (formerly Layer0 by Limelight), a developer tools platform for deploying edge-enabled solutions via a low-latency, global caching network.

In this episode we discuss strategies for navigating remote work, whether it's useful or counterproductive to push all computing to the edge, and how to build composable websites and applications.

Ishan Anand

• Twitter
• LinkedIn
• GitHub

Scott Steinlage

• Twitter
• LinkedIn

Edgio

• Home Page
• Twitter

Links

• Composability Summit

Austin Crim is a Technical Support Engineer at Prisma, an ORM and data platform that makes databases easy.

In this episode we discuss the history and mission of Prisma, the boundary between Prisma Client and Prisma Migrate, and whether developers need to know the difference between SQL and NoSQL.

Austin Crim

• Home Page
• Twitter
• GitHub
• LinkedIn

Prisma

• Home Page
• Twitter
• GitHub

Links

• Prisma Data Platform
• Deploying Prisma to Cloudflare Workers
• Remix with Kent C. Dodds