使用Next.js构建类似Duolingo的语言学习服务平台 | Duolingo Clone

感谢网友分享

使用Next.js构建类似Duolingo的语言学习服务平台 | Duolingo Clone    

这个11小时的教程中，你将学习如何创建自己的语言学习软件即服务（SaaS），类似于Duolingo。

说明

用户可以选择一门语言课程，并在美观的设计、角色、音频及视觉效果的引导下进行学习。你将学习Next.js 14、Drizzle ORM、PostgreSQL、服务器动作、Stripe、ShadcnUI、Tailwind等技术。

课程内容

1. 引言

2. 环境搭建

3. 按钮设计

4. 营销页面

5. 用户认证

6. 底部导航栏

7. 主布局

8. 侧边栏

9. 学习页面包装器

10. Drizzle 与 Neon

11. 课程页面

12. 用户进度

13. 数据初始化脚本

14. 数据库模式

15. 单元

16. 课程按钮

17. 课程进度

18. 课程头部

19. 退出模态框

20. 挑战卡片

21. 挑战底部导航

22. 挑战操作

23. 完成挑战屏幕

24. 挑战练习

25. 商店

26. Stripe 支付集成

27. 详情页

28. 后台管理

29. 部署上线