gclx official

歡迎來到國產良心NFT 代碼倉庫

並非最佳實踐，如果你有更好的建議或者代碼優化，請提交Issue 或者PR。

公安提醒：本項目僅做學習和測試使用，請勿使用本項目做任何違法以及沒良心的事情，天網恢恢疏而不漏！警察同志，這是開源項目，免費的不限制使用目的，使用者的一切行為均與開源者無關，謝謝。

跑起來項目

先將.env.sample複製改名為.env然後將裡面內容進行修改。之後運行下面命令：

 git clone https://github.com/lxdao-official/gclx-official.git
cd gclx-official
npm install
npm run dev

然後打開http://localhost:3000 就可以看到網站了。

部署和基礎服務

• 域名註冊推薦Porkbun - 便宜然後支持加密貨幣支付。
• 域名解析推薦Cloudflare - 免費解析，免費幫你扛DDoS，良心服務。不過配合Vercel 的時候，可能會有點問題需要參照Vercel 官方文檔配置一下。
• 前端部署服務推薦Vercel - 前期免費100GB 流量，付費版20 USD 1T 流量，自帶CDN 全球都很快。支持Next.js 和React 自動集成部署，推送Git 就好了。支持FaaS，可以編寫簡單的生成Mint Token 的邏輯，只要掏錢應該不怕服務掛掉，全球CDN 速度很快。

如果實在想省錢或者抵禦DDoS 攻擊，也可以運行npm run export導出純靜態文件，直接放在AWS S3、阿里雲OSS 等靜態資源存儲，前面再掛上Cloudflare 等，應該是掛不了的。

技術和組件

• Next.js + React.js - 看個人技術棧吧，目前Web3 用這一套的比較多。
• ethers.js - 我選擇用這個，因為它的開源協議是MIT 的。 Web3.js 使用的LGPL 協議，對於商業項目有一定風險。
• TypeScript 也可以用，我沒用，就是一個靜態的小網站，沒必要。
• web3modal - 比較流行和廣泛使用的Web3 鏈接錢包React 組件，MIT 協議。
• 此外組件庫我使用了MUI 因為比較好定制主題和配色，組件功能比較齊全。相比Antd 來說，跟Next.js 配合更好。 Antd 的less 是個硬傷。
• 樣式工具我個人偏好styled-components。
• 國際化首推LinguiJS，跟React.js、Next.js 等配合的都比較好。
• 視差滾動特效首推react-scroll-parallax，都是MIT 協議。

TODO

本項目仍然有一些地方可以優化，但是沒有做，有時間有需求有捐贈再說吧：

• ARIA 用戶可訪問性優化
• I18N 國際化和語言切換功能
• 視差滾動等特效Demo

What is LXDAO?

LXDAO is an R&D-focused DAO in Web3. Our mission is: To bring together buidlers to buidl and maintain valuable projects for Web3, in a sustainable manner.