727: How to Code: Opinionated TypeScript Stack + Tooling Choices Explained

Hosted byWes Bos

Join Wes and Scott for a 30,000 foot, ‘soup-to-nuts’ view of web development. From choosing design tools, website styling, and programming languages, to backend infrastructure, data management, and hosting.
Show Notes • 00:00 Welcome!

• 00:21 30,000 foot view of web development
• 02:37 Brought to you by Sentry.io
• 02:55 Starting with design tools.
• 06:10 Code Tooling • 06:22 Text Editors
• 09:34 Terminal
• 14:28 Build Tools
• 16:07 Browser and dev tools
• 18:21 Formatter and linter.
• 21:43 CSS (how you style your website).
• 25:34 Programming languages.
• 27:14 Backend with metaframework.
• 29:36 Backend without metaframework.
• 32:20 Runtimes (JavaScript).
• What is Bun? The New JS Runtime
• The Deno Show
• 34:02 User interface libraries.
• Shoelace.style
• 39:43 Data management: Databases
• 41:42 Data management: ORM
• WTF is an ORM
• You should learn Drizzle, the TypeScript SQL ORM
• 42:53 Other data management considerations.
• 43:33 Image pipelines.
• 45:52 Hosting, CDN, CI.
• Where Should You Host Your App? Hosting Providers Compared
• Hasty Treat WTF × SSR vs JamStack vs Serverless?
• 47:21 Hosting your site.
• 50:19 The finishing touches. • 50:26 Brought to you by Sentry.io
• 52:18 Captcha
• 55:03 Sick Picks + Shameless Plugs.

Sick Picks • Scott: GreatScottLab, Show #594

• Wes: AliExpress Board, Wes’ Demo

Shameless Plugs • Scott: Syntax on YouTube

• Wes: Syntax on YouTube

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