带有@username的nextjs动态路由[重复]

Question

我想创建像媒体这样的网站，可以在 domain.com 之后立即访问博客 url 和@username。是否可以像这样在 nextjs 中创建动态路由。

内页文件夹

_app.js

关于.js

[博客].js

@[用户名].js

例子

1. mysite.com/@myusername

2. mysite.com/@otheruser

3. mysite.com/my-blog-url

4. mysite.com/other-blog-url

我想要以 @ 开头的用户名的动态 url 和其他博客（如 medium.com）的动态 url

Answer 1

您可以在 nexts.js 中进行动态路由，但是您必须对原始计划进行一些更改：

1. [blog].js 等所有带括号的链接都需要位于它们自己的文件夹中，以防止路由与其他更明确定义的静态路由混淆。

2. 所有网站链接都需要符合 ASCII 标准，不包括“@”符号。使用 slug npm 包可以帮助确保不可接受的字符进入您的路由。

这是您的页面文件夹的功能更强大的版本：

_app.js

关于.js

博客/[博客].js

用户/[用户名].js