Syntax - Tasty Web Development Treats

889: Planning A Build

Mar 31, 2025

Planning a major website redesign sparks lively discussions about choosing technology and task organization. The team dives into the importance of architecture and collaboration, using tools like GitHub's Kanban boards for efficient project tracking. There's a deep exploration of standard APIs and the evolution of server-side JavaScript, emphasizing component isolation. They also debate the merits of container queries versus traditional media queries for responsive design. Finally, the challenges of transitioning to a custom CMS for content management are candidly discussed.

29:47

Creator website

AI Summary

AI Chapters

Episode notes

Podcast summary created with Snipd AI

Quick takeaways

A well-organized planning phase is essential for project success, allowing teams to choose appropriate technologies like Sentry for performance monitoring.

Efficient project management using tools like GitHub's Kanban boards helps streamline task tracking and maintain focus during the development process.

Deep dives

Planning the New Build Process

When starting a new project or redesigning an existing site, it is crucial to have a clear and organized plan. The team discusses their tech stack and the importance of making deliberate decisions about the tools and technologies they will use moving forward. For instance, using Sentry for error monitoring ensures that they can gauge the user experience and performance post-launch. This thoughtful planning phase sets a solid foundation to avoid chaos in development and keeps the team focused on their objectives.

Intro

4min

Architecture and Organization in Web Development

11min

Embracing Standard APIs and Component Isolation in Development

2min

Exploring Container Queries for Responsive Web Development

2min

Enhancing Development Practices

5min

Streamlining Podcast Content Management

6min

Scott and Wes talk about the planning process for a major redesign of the Syntax.fm website. They share their thoughts on organizing tasks, choosing tech, handling styling, and the debates that come with deciding what to keep and what to change.

Show Notes

00:00 Welcome to Syntax!
01:36 Brought to you by Sentry.io.
02:48 Why we need version 3.0 of Syntax.fm.
- Level Up Tutorials, Travis Neilson.
04:41 Project planning and organization.
05:53 The codebase.
09:50 The CSS changes.
- Episode 770: Design Systems With Brad Frost.
12:27 Tooling.
15:54 Development process.
16:38 Mobile and responsiveness.
18:37 Saving VS Code extension into the repo.
19:56 Using a dev container.
20:53 AI agent rules.
21:35 Code styles.
23:42 Canadian podcast.
24:33 Content storage.