Next.jsReact启动器

nextjs-discord-bot-boilerplate — Next.js 启动器模板

作者 mmvergara

一个基于 Next.js 的 Discord 机器人启动器模板，用 REST API 方式处理斜杠命令的注册与交互，并附带部署与邀请流程。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

以 Next.js 项目承载 Discord 机器人逻辑，命令处理走 REST API 交互端点

内置命令模板文件，按示例结构即可新增斜杠命令

提供命令注册入口，通过环境变量中的自定义密钥触发注册

README 给出从填写环境变量、部署到配置交互端点、邀请机器人的完整步骤

附带在线演示站点与独立文档站，仓库采用 MIT 许可

模板详细介绍

该模板把 Discord 机器人的斜杠命令处理封装在 Next.js 项目中，通过 REST API 与 Discord 交互，而不是常驻网关连接。仓库自述其目标是把命令构建、命令注册和部署的抽象工作预先做好，让使用者只需关注命令本身的逻辑。

使用流程上，模板要求先克隆仓库并填写环境变量（应用 ID、公钥、机器人令牌，以及用于注册命令的自定义密钥），这些值来自 Discord 开发者后台的应用页面。添加命令时参考 commands 目录下的示例文件，按模板结构编写。部署后需要把部署地址下的 /api/discord-bot/interactions 路径填入 Discord 开发者后台的 Interactions Endpoint URL，再通过部署站点提交注册密钥来注册命令，最后从站点上的邀请入口把机器人加入服务器。

模板提供在线演示与独立文档站，仓库采用 MIT 许可。README 未说明命令数量上限、并发处理方式、错误重试或数据持久化等细节，这些需要在使用前自行确认。

Next.js启动器

适合你的项目吗？

适用场景

想用 Next.js 写 Discord 斜杠命令机器人，但不想从零搭建命令注册与交互处理
需要把机器人部署到 Vercel 之类的托管平台，用 HTTP 端点接收 Discord 交互
作为学习 REST API 方式实现 Discord 机器人的参考项目

适合人群

熟悉 Next.js 与 TypeScript 的开发者
需要快速起步 Discord 斜杠命令机器人的个人项目
希望用无服务器托管方式运行机器人的场景

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
克隆仓库后需填写 NEXT_PUBLIC_APPLICATION_ID、PUBLIC_KEY、BOT_TOKEN 和 REGISTER_COMMANDS_KEY 四项环境变量
2
环境变量取值来自 Discord 开发者后台的 Application 页面
3
部署后把 /api/discord-bot/interactions 填入 Discord 的 Interactions Endpoint URL
4
在部署站点提交 REGISTER_COMMANDS_KEY 完成命令注册，再从站点邀请机器人加入服务器

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

使用前必须拥有 Discord 开发者账号，并在 Discord 开发者后台创建应用以获取应用 ID、公钥和机器人令牌等凭据，否则无法运行该机器人。
模板依赖外部托管服务部署（如 Vercel），需自行承担托管平台的使用条件与可能的费用，README 仅说明可免费部署。
注册斜杠命令需通过部署站点提交自定义密钥 REGISTER_COMMANDS_KEY，该密钥必须自行设置并妥善保管，否则无法完成命令注册。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

you can get these on your [**Discord > Developer > Application**](https://discord.com/developers/applications)
README 原文

Since this is a nextjs project, you can deploy it to vercel for free
README 原文

Open your deployment website, fill and submit the `REGISTER_COMMANDS_KEY` you set earlier in the environment variables to register your commands.
README 原文

https://github.com/mmvergara/nextjs-discord-bot-boilerplate/blob/main/LICENSE.md https://github.com/mmvergara/nextjs-discord-bot-boilerplate/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 72 / 100
技术栈: Next.js · React
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2024-09-05
截图检查日期: 2026-10-03

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: e9dbb38c15f9f0e83adda34e79336b6e3ac5c2ffb74b4c4c6c65f9021944408f

2026-10-03T13:47:03.313Z

来源文件 / 仓库

# NextJS Discord Bot

[**`🤖 Invite this Bot to your server`**](https://mmv-nextjs-discord-bot-boilerplate.vercel.app/) <br/>
[**`📚 Documentation`**](https://mmv-docs.vercel.app/docs/nextjs-discord-bot-template/getting-started)

<p align="center"><img src="/public/logo-new.svg" width="300"></p>

Yes, free fully functional rest-api discord bot 🤖 can be made using nextjs 🤯 🚀

I have done all of the abstraction for you, so you can focus on building your bot 🛠️

- ✅ Easy Command Building
- ✅ Easy Command Registration
- ✅ Easy Deployment

# Getting Started

### 1. Installation

- Clone Repository
- Fill out environment variables
  - you can get these on your [**Discord > Developer > Application**](https://discord.com/developers/applications)

```env
NEXT_PUBLIC_APPLICATION_ID=
PUBLIC_KEY=
BOT_TOKEN=


# Custom secret key to register your commands
REGISTER_COMMANDS_KEY=
```

### 2. Adding your own Slash Commands

- Just go to `./commands/tutorialhere.ts` after cloning and you will see the template for creating a command
  - [In-Depth - Documentation](https://mmv-docs.vercel.app/docs/nextjs-discord-bot-boilerplate/adding-slash-commands)

### 3. Deploy

- Since this is a nextjs project, you can deploy it to vercel for free

### 4. Add Interaction Endpoint

After deploying you will have your url

- goto https://discord.com/developers/applications
- then scroll to into "INTERACTIONS ENDPOINT URL"
  ![Add Intercation Endpoint URL](https://github.com/mmvergara/nextjs-discord-bot-boilerplate/assets/104471209/8e83108c-058c-41a6-afd6-924d18baef2f)

- Example
  > https://mmv-nextjs-discord-bot-boilerplate.vercel.app/api/discord-bot/interactions

### 5. Register Commands

Open your deployment website, fill and submit the `REGISTER_COMMANDS_KEY` you set earlier in the environment variables to register your commands.

_Alternative way of registering command in
[Discord Documentation](https://discord.com/developers/docs/interactions/application-commands#endpoints)_

### 6. Invite your discord bot

- Open your deployment website and click "Invite Discord Bot" then your done!
  - the link has the necessary required permissions to run the bot

反馈内容错误