Next.js太棒了!
由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!
大家好,
我最近偶然发现了一个需求:我需要一个博客/作品集网站,用来展示我所有的内容创作活动。我希望它能成为我所有内容的一站式平台。
目的
基本上,我创作内容的地方有以下几个:
- 我的 YouTube 频道,我在那里制作动画科技视频。
- 您正在阅读的这篇文章来自 dev.to 博客。
文章已失效
- 我的推特账号,我在上面创作与 Javascript 相关的速写笔记。
产品需求
产品需求很简单——一个首页,用户进入后可以看到来自上述三个地方的最佳内容摘要/概览。然后,还有一个侧边菜单,用户可以在其中浏览所有这些内容的详细列表。
技术要求
我的技术需求有所不同。我使用 React 已经有一段时间了,但这次我想尝试一下SSR(服务端渲染)。我想体验预渲染的强大功能,同时也想利用SSR 带来的SEO优势。我知道Gatsby和Next是实现上述目标的两种最流行的框架。
简而言之——我先试用了Next.js,然后就爱上了它(还没看过 Gatsby)。😛
Next.js——正是我想要的
那么我在next.js中发现了什么呢?
我找到了我想要的东西:
- 我还是会用 React 来编写我的 SSR 博客!❤️
- 预渲染页面
- 基于文件路径的自动路由(这太棒了!)
- Sass 支持
- 使用Vercel实现零配置部署!
这一切都好得令人难以置信。从创建代码库到将博客的第一个版本(相当粗糙的版本)部署到生产环境,总共只用了大约 2 个小时。更棒的是:Vercel 甚至还提供了一个免费的.now.sh域名!
我的博客目前还在建设中,所以暂时不会分享第一个版本。但到目前为止,体验非常完美!🤞🏽
Vercel团队,干得漂亮!
谢谢!