blog/from-nextjs-to-astro-a-simpler-solution-to-build-a-website

[giscus[bot]]

从Next.js到Astro：更简单的网站搭建方案

一次不过不失的折腾。

https://prologue.dev/blog/from-nextjs-to-astro-a-simpler-solution-to-build-a-website

[Pathsis]

看来你的技术很不错哦！换成Astro后感觉如何？

[ghost]

技术是看文档学的，只学到极少的案例 = =

对于SSG，不同框架应该是没有区别的，路由大同小异，只需复制/public和.md文件就完美搬迁；其实Next.js仍然是大型网站的不二之选，换到Astro唯一的优点是减少了折腾 => content-focused。

[Pathsis]

我今年的博客也转到了Next.js。没学过一天前端的我，对一堆js代码束手无策，几乎每一个功能的实现都依赖他人。现在的博客应该最近一年不会再改了。所以还是很羡慕和佩服你的，可以自己实现。

不过你的giscus主题好像有点问题。你的博客没有暗黑模式，但giscus支持暗黑模式，就有点不太匹配😄

[jeffreys-cat]

Astro构建的你的博客，从首页点到关于需要刷一下页面，不能忍受的体验

[Pathsis]

你换回了next.js。说说原因呗？新的设计很棒。我其实一直都想要一个简洁的侧边栏，就是啥技术也没有。

[ghost]

如@jeffreys-cat所说，刷画面体验非常不好。

因为Next.js13.3巨大改善，内置seo metadata，最大的原因是我发现contentlayer的存在，能将md/mdx结构化处理成json并随时调用，不需要在页面用手写js读取文件里面的内容，我认为它比astro或hexo的内置markdown更好，还有的是next.js社区太热情了，有问题discord上即时有人帮忙开源氛围好。

在Next.js13.4，文件皆路由，生成sitemap、rss不需要手动nodejs生成，单纯就想学会自己长期维护一个网站。

其实我也没有技术...我是照抄了别人的经验，理论上是利用标题的钩子，侧边栏css的flex实现，然后再有table of content的情况下通过Intersection Observer API...