这网站，教大家仿 100 多个知名网站！

Posted 2021-05-21 程序员鱼皮

源代码 + 教程 + 演示，带你和 100 多个知名网站五五开！

编程导航开源仓库：https://github.com/liyupi/code-nav

大家好，我是鱼二，今天给大家分享一个冷门但非常优秀的网站，可以帮助大家学习和开发项目。

大家在学编程的时候，如果没有灵感，最好的方式就是仿照现有的优秀网站，试着开发出和它同样的界面和功能。

而 Clone Wars，是由国外朋友开发的【知名网站开源克隆项目】收集网站。通俗地讲，就是把别人做好的仿制品进行了分类汇总。

网站已经收录了 100 多个流行网站的优秀开源克隆项目和替代品，如 Airbnb、亚马逊、Instagram、Netflix、Tiktok、Spotify、Whatsapp、 Youtube 等。

进入网站，可以看到两个表格，分别是 免费仿站教程 和 开源克隆项目，我们依次来看一下。

免费仿站教程

在这个表格中，你可以看到知名站点的前后端完整实现教程，有视频、也有在线练习。唯一的缺点就是国内的一些朋友可能无法访问，原因你懂的。

开源克隆项目

在这个表格中，你可以看到很多知名站点的仿站项目，大部分项目的运行效果都很贴近原网站，甚至有些还扩充了功能。

每个项目不仅包含源代码，还提供了教程、演示链接、仓库地址、技术堆栈、GitHub Star 数，非常适合学习。

大家可以多挑几个来看一下，选择一个合适的来学习。

项目体验

我们就以 Apple Music 为例，带大家看一下。

打开克隆项目 Appo Music 的演示地址，你会发现这个界面非常精致，和原版几乎完全一致！

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-66L8RzWZ-1621224219720)(https://qiniuyun.code-nav.cn/image-20210510211525198.png)]

进入该项目的 GitHub 仓库，就可以看到项目源码和详情。

比如这个项目，使用了 React、Redux、Ruby on Rails、PostgreSQL 等技术，实现了原苹果音乐播放器的核心功能。

---

虽然整个网站基本都是英文，但个人感觉网站还是不错的，能给大家提供一些做项目的思路和仿站技巧，欢迎大家来试试！

🔍 项目地址：https://www.code-nav.cn/rd/?rid=17453ede6090dfaf06fc05cc5d6e91e6

在 编程导航 中还能发现更多优质编程学习资源，欢迎分享给有需要的同学吧！