Supper Club × What's New With Astro with Fred Schott
In this supper club episode of Syntax, Wes and Scott talk with Fred Schott all things Astro with the announcement of Astro version 3, marketing open source projects, Starlight docs, keeping up to date, and making major version numbers less scary.
Show Notes 00:35 Welcome 3x guest Fred Schott!
Supper Club × Astro 2.0 with Fred Schott — Syntax Podcast 580
Pika Pkg — Syntax Podcast 212
05:11 What is Astro?
07:37 What’s new in Astro v3?
Astro 3.0 | Astro
14:18 Behind the scenes improvements in Astro v3
18:17 HMR Enhancements
20:10 What’s the hosting partner deal with Vercel?
Vercel: Our Official Hosting Partner | Astro
28:04 Docs template Starlight announcement
Starlight 🌟 Build documentation sites with Astro
31:28 How often do you release updates?
33:47 Marketing open source
Time to suit up | Astro Shop
SvelteKit • Web development, streamlined
36:18 Making major version numbers less scary
40:04 Does Astro use Vite?
Vite | Next Generation Frontend Tooling
42:01 Is it different working on a framework than a tool like Snowpack?
43:53 Thoughts on cloud text editors
Project IDX
47:02 How do you keep up to date?
48:43 Do you write in TypeScript?
51:31 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Factorio
Shameless Plugs Astro (@astrodotbuild)
Tweet us your tasty treats Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on Bluesky
Scott on Bluesky
Syntax on Bluesky
Read the docs? We prefer to chat with them
Cloudflare offers zero-trust security and performance tools for web and SaaS apps.
Cloudflare Workers allows devs to deploy serverless code globally to over 285 data centers around the world.
Astro is an open-source web framework built for speed. Houston is a bot that lets you chat with their docs.
Check out Confbrew, a conference session Q&A bot from Markprompt and Contenda (where Cassidy is CTO).
Connect with Brendan on LinkedIn or follow him on Twitter.
Connect with Michael on Twitter.
Connect with Fred on LinkedIn.
While you’re at it, follow Ceora and Cassidy on Twitter.
Shoutout to Lifeboat badge winner The Nail for saving if->return vs. if->else efficiency from oblivion.
See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Supper Club × Astro 2.0 with Fred Schott
In this supper club episode of Syntax, Wes and Scott talk with Fred Schott about all things Astro v2.0. What is Astro and why should you use it? How do islands work? Images, edge, AI, error overlays, hybrid rendering, and more!
Show Notes 00:40 Welcome
01:08 Guest introduction
FredKSchott.com
@Fredkschott on Twitter
Fred on GitHub
02:17 What is Astro and why should someone use it?
04:57 What can you build with Astro?
06:11 What’s an island in content?
09:43 How do routes work with Astro?
12:30 How is Markdown handled in Astro?
mdxjs
14:32 How does Astro work on the edge?
18:15 How does Astro v2 handle data fetching?
23:25 Integrations with Astro
26:38 Astro AI bot?
AI Langchain
30:40 Error overlay design
36:10 What are some of the most important upgrades in v2?
37:18 Hybrid rendering
40:27 Astro’s image component
Squoosh
44:39 What happened to snowpack? Pikapkg?
46:48 What is the financial model for Astro?
50:28 Supper Club questions
Obsidian
××× SIIIIICK ××× PIIIICKS ××× Chat Langchain
Shameless Plugs Astro
Astro Discord
Tweet us your tasty treats Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
What's new in Astro 2
Fred K. Schott joins the party again to discuss all the new and fun changes in Astro 2. Nick and KBall dig in on what’s new, what’s exciting, and what to expect from the framework built around content.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Fred K. Schott – Website, GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Kevin Ball – Website, GitHub, LinkedIn, X
Show Notes:
Astro
Introducing Astro 2
JS Party - Build faster websites with Astro 1.0
Astro Islands
React Server Components
React use hook
Content collections
Upgrade to Astro v2
Astro server-side rendering
Astro migration guide
Language Server Protocol
Astro language tools
Zod
SolidJS
Jotai
TanStack Query
State of JS 2022
JS Party on the State of JS Survey
Fred’s thread on the State of JS survey
Vite
Partytown
Astro on OpenCollective
Astro on StackBlitz
Something missing or broken? PRs welcome!
Build faster websites with Astro 1.0
Astro 1.0 just dropped so Amal got its creator, Fred K. Schott, on the pod for the full rundown. They go deep on how Astro is built to pull content from anywhere and serve it fast with their next-gen island architecture.
Join the discussion
Changelog++ members save 7 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Retool – The low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it free at retool.com/changelog
Sentry – Working code means happy customers. That’s exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend. Use the code PARTYTIME and get the team plan free for three months.
Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Hasura – Create dynamic high-performance GraphQL & REST APIs from your database(s) in minutes with granular authorization and caching baked in. All without touching your underlying database. Go from data to API in minutes. Get started for free at hasura.io/jsparty
Featuring:
Fred K. Schott – Website, GitHub, X
Amal Hussein – GitHub, X
Show Notes:
Astro 1.0 announcement post
Astro’s website
Something missing or broken? PRs welcome!
Migrating to ES Modules
Mikeal and Chris welcome (back) special guest Fred K. Schott, who you may recall from our episode on Pika. This time, we’re talking ESM: what it is, what’s new about it, why it’s the future, writing libraries with it, and much more.
Join the discussion
Changelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog.
Linode – Our cloud of choice and the home of Changelog.com. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019 OR changelog2020. To learn more and get started head to linode.com/changelog.
Scout APM – Are having trouble uncovering performance issues in your NodeJS apps? If so, check out our friends at Scout APM. Scout is application monitoring that automatically reports key NodeJS monitoring metrics, instruments many NodeJS libraries automatically, detects easy-to miss N+1 queries that sneak into production, plus a ton more. Learn more and get started for free at scoutapm.com/changelog.
Featuring:
Fred K. Schott – Website, GitHub, X
Mikeal Rogers – GitHub, X
Christopher Hiller – Website, GitHub, Mastodon, X
Show Notes:
pika js party
limbo
brrp
estest
snowpack
skypack
Changelog++ 🤫
Something missing or broken? PRs welcome!
Pika Pkg
In this episode of Syntax, Scott and Wes talk with Fred Schott about Pika Pkg, a new kind of package registry for the modern web.
Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
Show Notes 3:24 - What is Pika?
9:40 - What about peer dependencies?
12:53 - What does migration look like?
17:30 - Are these tools making things easier?
21:25 - What is the Pika Registry?
34:48 - What is the Pika editor?
41:13 - Is it open source?
47:30 - What about security?
Links Fred Schott
@FredKSchott
Pika
@pikapkg
Snowpack
Pika Builders
Babel
Typescript
Webpack
CSZ
Parcel
Deno
VSCode
Entropic
Homebrew
Plex
Synology NAS
Luke Jackson
Toolsday Podcast
××× SIIIIICK ××× PIIIICKS ××× Fred: Idle Supermarket
Scott: Theragun
Wes: Emby
Shameless Plugs Fred: Pika
Scott: Level Up Tutorials Pro - Sign up for the year and save 25%!
Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!
Tweet us your tasty treats! Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Bundle because you want to, not because you need to
Jerod and Nick are joined by Fred K. Schott – the main brain behind Pika. What’s that, you ask? An effort to make modern JavaScript more accessible by making it easier to find, publish, install, and use modern packages on npm.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Featuring:
Fred K. Schott – Website, GitHub, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
pikapkg.com is your one-stop shop for all things Pika
Can I use ES Modules?
Fred’s click-baity (but high quality) intro – A Future Without Webpack
The now-famous five.js package on npm
Also check out @pika/pack
There’s an rfc to integrate @pika/pack into npm
five.guys(); // '🍔'
Something missing or broken? PRs welcome!