使用 NextJS 和 Tailwind 构建课程登录页面

TL;DR

TL;DR

过去一年我一直在Novu
工作，取得了惊人的增长 。你能相信我们20,000仅用一年时间就获得了明星般的评价吗？🤩

这让我开始思考如何帮助其他人扩大他们的 GitHub 库，所以我创建了GitHub 20k 课程。

但这太无聊了。重要的是我把它开源了
https://github.com/github-20k/super-star

我想告诉你我是如何做到的:)

动图

建筑学

首先，我必须决定采用哪种技术。我希望让任何开发者都能尽可能轻松地将其用于个人用途。

所以我决定选择 NextJS，因为我可以使用 NextJS 后端 - 而不是单独的项目或 Mono repo。

而且有了 Tailwind，就不再需要 CSS 了。

没有数据库，所有内容都存储在 JSON 中，我创建了多个提供程序，以便人们可以自己制作所需的内容或为项目做出贡献。

流程

我想以尽可能最简单的方式创建销售页面。

所以我们只有三个阶段。

1. 您进入销售页面
2. 你去收银台
3. 您触发多项服务

完成后，我说，为什么不开个博客呢？
于是，我添加了一个基于 Headless WordPress 的博客，但把所有东西都打包好了，这样你就可以使用 Sanity 等其他服务了。

当你访问博客时，你会发现它不是设计师制作的🤣

我实际上使用 ChatGPT 来绘制一些网格，因为我对它们很不擅长。

设计

最难找的就是设计师。设计师
有很多，但他们的作品通常看起来都大同小异。
我不得不在 Dribbble 上浏览好几遍才找到我喜欢的作品。

有些人可能会说它可以更加图形化，人们无法专注于页面的内容，但我喜欢它。

动图

如果您想使用登陆页面但不确定如何使用，请阅读使用Docusaurus制作的文档

你能幫我嗎？

我一直在努力让它能够供所有需要落地页的人使用。我太喜欢这个社区了❤️
成为朋友，帮我点个星吧
https://github.com/github-20k/super-star

另请参阅如何获得 GitHub 星标