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

Syntax - Tasty Web Development Treats

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