快速候补名单

快速候补名单是一个开源的"即将推出"和等待列表页面，适用于SaaS平台和网站。该项目使您能够轻松收集潜在客户的电子邮件地址。使用Next.js 14构建，并集成了Resend进行电子邮件管理，快速候补名单为任何产品或服务的发布提供了一个用户友好且SEO优化的解决方案。

由@raqibnur编写，快速候补名单旨在帮助您通过高效和有效的等待列表页面启动您的旅程。

特性

• Next.js 14驱动：利用Next.js的最新功能，实现快速、SEO友好和可扩展的等待列表页面。
• 与Resend集成：使用Resend的强大电子邮件服务无缝发送和管理电子邮件。
• 用户和SEO友好：通过精心设计的清晰用户界面和优化内容，让用户和搜索引擎都满意。
• 可定制的电子邮件模板：使用React Email提供的灵活电子邮件模板个性化您的通信。
• 轻松一键部署到Vercel：通过Vercel的无忧部署，快速启动您的等待列表页面。
• 环境变量：使用提供的.env.example作为指南，轻松配置您的设置。

开始使用

要为您的项目启动快速候补名单，请按照以下步骤操作：

1. 克隆仓库：

   git clone https://github.com/Raqibnur/quick-waitlist.git

2. 进入项目目录并安装依赖：

   cd quick-waitlist
   npm install

3. 配置环境变量：

   • 复制.env.example到.env.local：

     cp .env.example .env.local

   • 在.env.local中填写环境变量，包括您的Resend API密钥和受众ID：

     NEXT_PUBLIC_RESEND_API_KEY=<您的Resend API密钥>
     NEXT_PUBLIC_AUDIENCE_ID=<您的受众ID>
     NEXT_PUBLIC_SITE_NAME=
     NEXT_PUBLIC_DOMAIN=
     NEXT_PUBLIC_LOGO=
     NEXT_PUBLIC_FROM_EMAIL=
     NEXT_PUBLIC_LINKEDIN=""
     NEXT_PUBLIC_TWITTER=""
     NEXT_PUBLIC_GITHUB=""
     NEXT_PUBLIC_HERO_TITLE=
     NEXT_PUBLIC_HERO_SUBTITLE=
     NEXT_PUBLIC_PRIVACY=
     

4. 启动开发服务器：

   npm run dev

   在浏览器中访问http://localhost:3000查看应用程序运行情况。

5. 只需一键即可将您的快速候补名单页面部署到Vercel：

   

定制电子邮件模板

要使用React Email定制通过Resend发送的电子邮件模板，请参阅他们的文档：React Email文档

贡献

我们欢迎您的贡献！请随时报告问题、提出改进建议或提交拉取请求以改进快速候补名单项目。

首先fork仓库，然后按照以下步骤贡献：

• 创建一个功能分支（git checkout -b feature/YourAmazingFeature）
• 提交您的更改（git commit -m 'Add some YourAmazingFeature'）
• 推送到分支（git push origin feature/YourAmazingFeature）
• 打开一个拉取请求

许可证

本项目采用MIT许可证 - 有关详细信息，请参阅LICENSE文件。

致谢

• 感谢贡献者和社区支持和改进开源计划。

联系

如有任何疑问，请联系Raqib Nur - @raqibnur

项目链接：https://github.com/Raqibnur/quick-waitlist