Syntax - Tasty Web Development Treats

Wes and Scott talk with Steve Faulkner about vinext, a Vite-powered Next.js fork. They dive into AI coding workflows, agent browsers, code quality, and what modern dev tooling looks like in an AI-first world.

Show Notes

00:00 Welcome to Syntax!

02:01 Knowing how to use AI

02:31 The idea behind “slop fork”

vinext

How we rebuilt Next.js with AI in one week

06:27 How to approach a project like this

Super Whisper

07:53 Using markdown as a planning and thinking tool

12:35 Steve’s OpenCode setup

14:31 What agent browsers are and how they work

agent-browser

15:34 Where agent browsers fall short

19:02 Why agents work best with tight feedback loops

21:23 Dealing with poor code quality from AI

23:54 Brought to you by Sentry.io

24:19 Searching for a reliable AI workflow

25:54 What about security?

28:46 When it makes sense to port a framework vs switch

32:03 What an AI-first programming language might look like

33:16 TypeScript in an AI-driven workflow

35:36 Cloudflare and improving developer experience

38:10 Being excited and uneasy about where AI is heading

39:06 Which industries AI disrupts next

41:29 Sick picks + shameless plugs

Sick Picks

Steve: IWC Pilot’s Watch Mark XX

Shameless Plugs

Steve: vinext

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes break down the world of remote coding agents — what they are, why you’d want one, and all the different ways you can run them, from Cursor Cloud and Claude Code to an old laptop sitting on your floor. They cover real-world use cases, environment setup, API key management, and the wild variety of interfaces that let agents work while you sleep.

Show Notes

00:00 Welcome to Syntax!

03:14 Introduction to Remote Coding Agents

05:32 Practical Examples of Remote Agents

05:34 Website data grunt work.

07:48 Research assistant

08:57 Travel agent… agent

09:57 Where and When Remote Agents Run

10:43 Brought to you by Sentry.io

13:31 Where Remote Agents Run

19:14 CLI and User Interfaces for Remote Agents

24:53 Remote Development Environments

31:21 DIY Agents and Custom Solutions

36:09 The environment

38:08 Managing API Keys and Access

41:02 Web search

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

In this potluck episode, Wes and Scott answer your questions about popover navigation patterns, the Vibrate API on iOS, whether code quality still matters in the AI era, Wes’s evolving Obsidian second-brain setup, where to start with modern full-stack JavaScript, and more!

Show Notes


00:00 Welcome to Syntax!


01:02 Using display none with popover and hamburger navigation


03:37 Vercel on iOS and experimenting with the Vibrate API


05:47 Does code quality still matter in the AI age?


11:08 Wes’ second brain update and Obsidian workflow

QMD


19:57 Brought to you by Sentry.io


20:21 Supporting older browsers and missing out on modern web features


23:32 iPad browsing quirks and dealing with outdated Safari


28:26 What to do when you encounter a badly built or inaccessible website


33:37 Is the Effect TypeScript library worth the learning curve?


37:04 Where to start with modern full-stack JavaScript


43:39 Are column grid frameworks still relevant with modern CSS?

Graffiti


49:54 Sick Picks + Shameless Plugs

Sick Picks

Scott: AVerMedia Video Capture Card

Wes: Power Bar Extension Cord

Shameless Plugs

Phases Podcast

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes are joined by Phil Miller and Theo Ephraim to talk about Varlock, a new approach to environment variables that adds schemas, validation, and security to the humble .env file. They dig into the risks of traditional env workflows, how schema-driven configs improve DX, and how tools like Varlock help manage secrets safely across frameworks, CI, and AI-powered workflows.

Show Notes

00:00 Welcome to Syntax!

03:15 The Risks of .env Files

04:58 Introducing Varlock: A Unified Solution

06:56 Schema-Driven Environment Variables

11:47 Integrating with Various Frameworks

14:08 Brought to you by Sentry.io

14:32 Cross-Language Compatibility

17:50 Best Practices for Environment Variables

21:11 Security Features of Varlock

25:02 AI Integration and Environment Variables

29:12 Introduction to Varlock and GitHub Actions

32:45 Secrets Management and Best Practices

36:09 The Future of Varlock and Open Source

38:36 Sick Picks + Shameless Plugs

Sick Picks

Phil: Bela.io

Theo: Wonder Man

Shameless Plugs

Phil: nauticalartifacts

Theo: howtostore.food

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott talk with Paolo Ricciuti about Svelte custom renderers and how Svelte actually talks to the DOM. They dig into compiler internals, CSS handling, native bridges, and the realities of maintaining ambitious open source tooling.

Show Notes

00:00 Welcome to Syntax!

March MadCSS

01:44 Paolo’s role at Mainmatter and his work on Svelte custom renderers

02:52 Why Paolo chose Svelte

Why I choose Svelte

Shift Dev 2019: “Rethinking Reactivity”

05:16 From Svelte ambassador to working on the project

07:45 How custom renderers change what Svelte can target

10:10 How Svelte uses the DOM and why that makes custom renderers tricky

20:32 What Lynx provides and how it differs from a web view

24:18 Brought to you by Sentry.io

35:56 Using Svelte with CSS outside the browser

39:09 The timeline and current state of the Lynx app

44:51 Sick Picks + Shameless Plugs

Sick Picks

Paolo: Opencode

Shameless Plugs

Paolo: Svelte Custom Renderers | TCMP

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads