More Syntax - Tasty Web Development Treats episodes
Published 18 Mar 2026
Duration: 2832
Cloudflare's vNext, a Vite-based Next.js fork, leveraged AI for rapid prototyping and iterative feedback to address porting challenges, while exploring AI's transformative potential in development workflows and framework transitions.
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, an...
The podcast discusses the development of vNext, a fork of Next.js onto Vite created by Cloudflare, described as a "slop fork" to emphasize the process of porting the framework rather than the controversy surrounding it. Steve Faulkner, a Cloudflare engineering director, explains the projects motivations, including the challenges of hosting Next.js on non-Node/Vercel environments and the limitations of prior attempts to build custom compilers. The fork leveraged AI for rapid prototyping, enabling quick experimentation with Next.js on Vite through code generation, task planning, and collaboration with tools like OpenCode Opus. Key challenges included adapting Next.jss large test suite to Vites ecosystem while filtering out outdated tests and using AI to guide the alignment of tests with Vites framework. The projects success was marked by a pivotal demo of the app router, despite initial imperfections.
The discussion also highlights AIs growing role in software development, framing it as an "application factor" that accelerates progress when goals are clear but risks amplifying errors. Steve uses AI for managerial tasks like summarizing meetings and tracking workflows, emphasizing iterative refinement over reliance on prompts alone. Technical workflows involved tools like Markdown for planning, OpenCode Opus for coding, and voice-to-text tools for brainstorming. The team prioritized flexibility, acknowledging that while AI-generated code often prioritizes compatibility over quality, iterative refactoring and guardrails like linting and security audits help maintain standards. Challenges included non-determinism in AI outputs, errors in generated code, and the need for manual intervention to resolve issues like infinite loops or context compaction failures. Future directions emphasized AIs potential to reshape development practices, from framework transitions to security testing, while balancing excitement with caution about ethical and practical risks.
13 May 2026 1004: TanHacked
Recommended: Time to harden your applications.
Cybersecurity threats like the "Shy Halood" worm series exploit supply chain vulnerabilities in GitHub Actions, pnpm, and token theft across NPM, Python, and UIPath ecosystems, emphasizing mitigation through workflow audits, dependency checks, tools like Socket.dev, and stricter package manager practices to counter credential theft and destructive attacks.
11 May 2026 1003: Skills Skills Skills
The discussion covers flexible AI agent tools like Hot Tip Skill, CSS Motion Systems, and Agent Browser, advocating for human-curated content over AI-generated output while emphasizing modular skills for workflow efficiency and the need for human oversight in design and marketing.
6 May 2026 1002: The Real Pricing of LLMs
The podcast highlights rising AI tool costs and accessibility challenges, critiques bloated UI libraries and over-engineered practices, explores cloud billing complexities and security risks, and stresses the importance of lightweight design, creativity, and practical problem-solving over tool dependency.
4 May 2026 1001: Managing Deadlines + Stress
Strategies for managing stress and deadlines in high-pressure work environments include prioritization, systematic task organization, tools like Kanban boards, balancing speed with quality, effective communication, cutting non-essentials, and proactive time management to prevent mistakes, burnout, and enhance efficiency.
27 Apr 2026 999: Writing Maintainable CSS
The text addresses CSS management challenges like global leakage and rigid structures, advocating component-scoped styles, utility-first frameworks (e.g., Tailwind), design systems, BEM, CSS modules, and tools like CSS variables, `@scope`, and `clamp()` to enhance reusability, maintainability, and consistency through balanced flexibility and structure.