Next.js运用实践

Next.js 13.4 是一个基础版本，标志着App Router模式的稳定，意味着可以开始采用 App Router 开发生产应用

Next.js13在13.2版本中引入了一种新的元数据（metadata）API，目的是为了使用它来替代next/head的功能，本文将介绍metadata的运用及原理，以及怎么取代的Head组件。

前言 Next.js 13 的 app 目录模式大部分功能都完善了，一些小的项目基本上完全可以使用它来进行开发，并用于生产环境，本篇文章将带你了解 Next.JS 主要的一些功能。

每一种字体少则几百 kb ，多则几 M，接入自定义字体多少都会对页面的性能和体验造成一定的影响。最好的方式当然是使用系统自带的字体，但有时候设计师或者产品经理就是要加入新的字体，因此面对这种情况很有必

Nextra 是 Next.js 开发成员之一 Shu Ding 实现的一个静态网站生成库，让开发者可以使用markdown来进行编写页面。本篇文章将探索Next.js文档框架Nextra的功能和原理

写这一篇文章是因为前两天有一个掘友私信问了我一个问题：next.js 13 怎么支持 less 呢？ 问题最后解决了，但也没有完全解决。想把这个经验记录下来，然后分享给大家

如果你用过 React 或者想尝试 React，那么建议你使用 Next.js 来搭建 React 项目，本篇文章将带你详细了解 Next.JS 主要的一些功能，看它能给我们带来什么样的能力

分享如何更好的去使用静态化功能，以及在使用的过程中可能会遇到的一些问题和解决方法，其中会涉及到一些原理的探索。

前一篇文章讲解了 React 多语言接入方案，因此本篇把核心放在 Next.js 接入多语言需要注意的细节点上。

本篇文章的目的不仅是介绍如何使用 `i18next` 和 `react-i18next` ，而是分享一些让开发者使用起来更方便的方法。

Next.js本身提供的 server 其实基本上已经够用了 虽然不推荐去自定义 Server，如果我们真的需要的时候也可以去了解一下怎么才能更好的自定义 Server

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 4 天，点击查看活动详情 本文主要讲解两个点： 为什么要给 next.config.js 新增自定义配置？（目的） 如何去新增自定

整篇文章的重点就是 `wrapper` , 这是函数式编程的一种运用，我们可以把视线从 `next.js` 中脱离出来，很多地方都可以这样进行运用，把一些复杂逻辑隐藏起来，让我们的业务代码更加简洁。

最近 `又` 重新搭建自己的个人技术网站了，其实之前搭建过好几次，但是每次自己都不太满意，然后 `又` 没怎么去维护，于是最终都废弃了。