发布于 2026-01-06 0 阅读
0

Next.JS 太棒了!DEV 全球展示挑战赛由 Mux 主办:快来展示你的项目吧!

Next.js太棒了!

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

大家好,

我最近偶然发现了一个需求:我需要一个博客/作品集网站,用来展示我所有的内容创作活动。我希望它能成为我所有内容的一站式平台。

目的

基本上,我创作内容的地方有以下几个:

  • 我的 YouTube 频道,我在那里制作动画科技视频
  • 您正在阅读的这篇文章来自 dev.to 博客。
  • 我的推特账号,我在上面创作与 Javascript 相关的速写笔记

产品需求

产品需求很简单——一个首页,用户进入后可以看到来自上述三个地方的最佳内容摘要/概览。然后,还有一个侧边菜单,用户可以在其中浏览所有这些内容的详细列表。

技术要求

我的技术需求有所不同。我使用 React 已经有一段时间了,但这次我想尝试一下SSR(服务端渲染)。我想体验预渲染的强大功能,同时也想利用SSR 带来的SEO优势。我知道GatsbyNext是实现上述目标的两种最流行的框架。

简而言之——我先试用了Next.js,然后就爱上了它(还没看过 Gatsby)。😛

Next.js——正是我想要的

那么我在next.js中发现了什么呢?

我找到了我想要的东西:

  • 我还是会用 React 来编写我的 SSR 博客!❤️
  • 预渲染页面
  • 基于文件路径的自动路由(这太棒了!)
  • Sass 支持
  • 使用Vercel实现零配置部署

这一切都好得令人难以置信。从创建代码库到将博客的第一个版本(相当粗糙的版本)部署到生产环境,总共只用了大约 2 个小时。更棒的是:Vercel 甚至还提供了一个免费的.now.sh域名!

我的博客目前还在建设中,所以暂时不会分享第一个版本。但到目前为止,体验非常完美!🤞🏽

Vercel团队,干得漂亮!
谢谢!

文章来源:https://dev.to/kokaneka/my-first-experience-with-next-js-2gog