大家好，欢迎来到本期播客！今天我们要探索的是 Next.js 这个神奇的框架，它不仅改变了我们开发的方式，还让我们的前后端代码无缝连接。归归将与我们分享他作为后端开发者的独到见解，揭示为什么 Next.js 成为独立开发者的最佳选择。无论你是新增手还是资深开发者，这一集都将让你有所收获！准备好你的耳机，一起进入 Next.js 的世界吧！

更多内容信息和时间线参考下文的硬地笔记，欢迎收听本期节目。

另外，现在加入「硬地骇客」会员服务，即可在会员专属的微信群与其他朋友一起畅所欲言，成为会员也是对我们持续更新最大的鼓励！

<figure></figure>

本期赞助

Podwise.ai - Podcast knowledge at 10x speed 🚀

<figure></figure>

硬地笔记

00:00:04 Next.js 的魅力：独立开发者的首选框架

00:01:16 Next.js 的核心优势：前后端同构与一站式开发

00:03:19 Next.js 的便捷部署：Vercel 和 Netlify 的助力

00:04:14 Next.js 与 SPA 的融合：脱水与浸泡的比喻

00:08:00 Next.js 与 React Server Component 的关系：互相影响

00:11:17 React Server Component 的最佳实践：优先 Server Component，动态部分再抽 Client Component

00:14:59 Next.js 中的 useClient 和 useServer：标注组件类型和 Server Action

00:16:51 Server Action 的原理：Client 向 Server 发送数据

00:19:44 Server Action 的最佳实践：谨慎使用，避免滥用

00:24:16 TypeScript 在 Next.js 项目中的应用：推荐使用

00:27:30 Next.js 项目中的类型处理：独立开发者的最佳实践

00:29:53 Next.js 在全平台应用中的适用性：谨慎选择

00:33:55 Next.js 的最佳实践：SWR、shadcn、tailwind css 等

00:36:28 Vercel 的计费模型变化：仍然是 Next.js 最佳部署方式

欢迎关注我们

• 知识星球: t.zsxq.com
• 官网: hardhacker.com
• 小手册: book.hardhacker.com
• 用爱发电不容易，请我们喝咖啡☕️: afdian.net
• 公众号/小红书: 硬地骇客
• 商务合作: hardhackerlabs@gmail.com