源代碼 + 教程 + 演示，帶你和 100 多個(gè)知名網(wǎng)站五五開！

編程導(dǎo)航開源倉(cāng)庫(kù)：https://github.com/liyupi/code-nav

大家好，我是魚二，今天給大家分享一個(gè)冷門但非常優(yōu)秀的網(wǎng)站，可以幫助大家學(xué)習(xí)和開發(fā)項(xiàng)目。

大家在學(xué)編程的時(shí)候，如果沒有靈感，最好的方式就是仿照現(xiàn)有的優(yōu)秀網(wǎng)站，試著開發(fā)出和它同樣的界面和功能。

而 Clone Wars，是由國(guó)外朋友開發(fā)的【知名網(wǎng)站開源克隆項(xiàng)目】收集網(wǎng)站。通俗地講，就是把別人做好的仿制品進(jìn)行了分類匯總。

網(wǎng)站已經(jīng)收錄了 100 多個(gè)流行網(wǎng)站的優(yōu)秀開源克隆項(xiàng)目和替代品，如 Airbnb、亞馬遜、Instagram、Netflix、Tiktok、Spotify、Whatsapp、 Youtube 等。

進(jìn)入網(wǎng)站，可以看到兩個(gè)表格，分別是 免費(fèi)仿站教程 和 開源克隆項(xiàng)目，我們依次來(lái)看一下。

免費(fèi)仿站教程

在這個(gè)表格中，你可以看到知名站點(diǎn)的前后端完整實(shí)現(xiàn)教程，有視頻、也有在線練習(xí)。唯一的缺點(diǎn)就是國(guó)內(nèi)的一些朋友可能無(wú)法訪問(wèn)，原因你懂的。

開源克隆項(xiàng)目

在這個(gè)表格中，你可以看到很多知名站點(diǎn)的仿站項(xiàng)目，大部分項(xiàng)目的運(yùn)行效果都很貼近原網(wǎng)站，甚至有些還擴(kuò)充了功能。

每個(gè)項(xiàng)目不僅包含源代碼，還提供了教程、演示鏈接、倉(cāng)庫(kù)地址、技術(shù)堆棧、GitHub Star 數(shù)，非常適合學(xué)習(xí)。

大家可以多挑幾個(gè)來(lái)看一下，選擇一個(gè)合適的來(lái)學(xué)習(xí)。

項(xiàng)目體驗(yàn)

我們就以 Apple Music 為例，帶大家看一下。

打開克隆項(xiàng)目 Appo Music 的演示地址，你會(huì)發(fā)現(xiàn)這個(gè)界面非常精致，和原版幾乎完全一致！

進(jìn)入該項(xiàng)目的 GitHub 倉(cāng)庫(kù)，就可以看到項(xiàng)目源碼和詳情。

比如這個(gè)項(xiàng)目，使用了 React、Redux、Ruby on Rails、PostgreSQL 等技術(shù)，實(shí)現(xiàn)了原蘋果音樂(lè)播放器的核心功能。

雖然整個(gè)網(wǎng)站基本都是英文，但個(gè)人感覺網(wǎng)站還是不錯(cuò)的，能給大家提供一些做項(xiàng)目的思路和仿站技巧，歡迎大家來(lái)試試！

?? 項(xiàng)目地址：https://www.code-nav.cn/rd/?rid=17453ede6090dfaf06fc05cc5d6e91e6

在 編程導(dǎo)航 中還能發(fā)現(xiàn)更多優(yōu)質(zhì)編程學(xué)習(xí)資源，歡迎分享給有需要的同學(xué)吧！