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

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