部署使用Tailwind CSS的MERN栈笔记应用至GitHub Pages时的多类问题求助

大家好，我开发了一个笔记应用，支持用户注册、登录，以及对自己的笔记进行创建、编辑和删除操作。技术栈方面，前端用的是React + Tailwind CSS，后端基于Node.js + Express，数据库用的MongoDB。现在我想把这个应用部署到GitHub Pages，但过程中遇到了几个问题，希望能得到大家的帮助：

问题1：Tailwind CSS相关的CSS文件为空但样式正常生效 #

我是按照Tailwind官网框架板块的文档来安装配置Tailwind的，现在应用能正常运行，页面元素也能正确应用我设置的Tailwind类名，但我发现项目里的所有.css文件都是空的，没有手写的CSS代码。这种情况正常吗？会不会影响后续的生产构建？

问题2：React应用生产构建后的部署步骤 #

我在网上看到可以用npm run build命令生成build文件夹，但生成这个文件夹之后，接下来该怎么做才能把应用部署到GitHub Pages呢？我不太清楚这之后的具体操作流程。

问题3：部署后的前后端连接与MongoDB配置 #

本地开发时，前端是通过localhost:5000来调用后端接口的，数据库用的是MongoDB Compass。如果要部署到GitHub Pages，我该怎么处理前后端的连接问题？另外我对MongoDB Atlas有一点了解，但不知道具体该怎么配置来替代本地的Compass，实现生产环境的数据库连接。

如果需要参考我的完整项目代码，我可以提供仓库内的相关细节。

感谢大家的任何帮助！

备注：内容来源于stack exchange，提问作者A3_132_ kaushal_satani