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
The less JavaScript, the better
Astro is a site builder that lets you use the frontend tools you already love (React, Vue, Svelte, and more) to build content-rich, performant websites.
Astro extracts your UI into smaller, isolated components (“islands”) and replaces unused JavaScript with lightweight HTML for faster loads and time-to-interactive (TTI).
Ben and Nate explain why Astro’s compiler was written in Go (“seemed like fun”).
To learn more about Astro, start with their docs or see what people are doing with the framework.
Connect with Ben on LinkedIn, GitHub, or via his website.
Connect with Nate on GitHub.
Shoutout to Lifeboat badge winner Aurand for their answer to How to convert list to queue to achieve FIFO.
See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
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!
20VC: The Biggest Growth Opportunities for Young People in Tech Today, Why Distributed Workforces Are The Secret To Beating Incumbents & Why It Has Never Been Easier To Operate A Company Than Today with Andy Pflaum, Founder & CEO @ Astro
Andy Pflaum is the Founder & CEO @ Astro, the startup that brings email, calendar, and an AI-powered assistant together to help you focus on what's most important. They have raised over $10m from leading West Coast investors such as Satish @ Redpoint, former guests Kent Goldman @ Upside and Michael Dearing @ Harrison Metal. As for Andy, prior to founding Astro, he spent 15 years in the valley, serving as the CMO @ Zimbra where he saw their immense scaling to their $350m acquisition by VMware where he then spent time on the other side of the table before moving to Chile to manage a family winery for 1.5 years.
In Today's Episode You Will Learn:
1.) How Andy made his way into the world of startups, made the transition to large corporates with VMware and Yahoo, came to run a Winery in Chile before founding Astro?
2.) Found a startup, work in early-stage startup or work at large incumbent; where does Andy believe young people today have the biggest growth opportunities? How does this mean emerging startups have to react to attain that talent?
3.) Why does Andy disagree with the notion that more and more incumbents are falling? Why is it harder than ever to compete against such a strong set of incumbents? What are the dangers of dependency on paid growth?
4.) How does Andy feel about distributed workforces? What is core to attaining the individuals and then scaling them successfully as a team, in a distributed fashion? How does Andy feel about hiring technical talent in the bay today?
5.) Why does Andy also argue, despite the incumbents, that it is also easier than ever to operate a business today What are the core changes that have allowed for this to happen? How does Andy break down the tech stack they use for Astro?
Items Mentioned In Today's Show:
Andy's Fave Book: The Wright Brothers
Andy's Fave Blog: Tom Tunguz, Michael Dearing: Harrison Metal
As always you can follow Harry, The Twenty Minute VC and Andy on Twitter here!
Likewise, you can follow Harry on Snapchat here for mojito madness and all things 20VC.
NatureBox Unlimited snack plans offer all you can eat snacks for one fixed price per employee. Naturebox use simple ingredients you can trust to create bold flavors you can't find anywhere else. All NatureBox snacks are free from artificial junk and variety is endless with options from sweet or savory to vegan or gluten-free. Simply choose the plan that fits your team's unique snacking habits and select any of NatureBox's time-saving add-on's. And beyond Unlimited snacks, you'll receive perks such as free kitchen setup, no contracts, a dedicated account manager and more. Simply click here to and use the offer code VC20 to get 20% of your first Naturebox month.
Leesa is the Warby Parker or TOMS shoes of the mattress industry. Leesa have done away with the terrible mattress showroom buying experience by creating a luxury premium foam mattress that is ordered completely online and ships for free to your doorstep. The 10-inch mattress comes in all sizes and is engineered with 3 unique foam layers for a universal, adaptive feel, including 2 inches of memory foam and 2 inches of a really cool latex foam called Avena, design to keep you cool. All Leesa mattresses are 100% US or UK made and for every 10 mattresses they sell, they donate one to a shelter. Go to Leesa.com to start the New Year with better nights sleep!