Bienvenue dans le référentiel de code NFT de conscience domestique
Pas une meilleure pratique, si vous avez de meilleures suggestions ou optimisation de code, veuillez soumettre un problème ou un PR.
La sécurité publique rappelle: ce projet n'est utilisé que pour l'étude et les tests. Veuillez ne pas utiliser ce projet pour faire quoi que ce soit illégal ou sans scrupules. Le filet du paradis est vaste et illimité! Camarade Police, il s'agit d'un projet open source, un objectif d'utilisation libre et sans restriction. Tous les comportements des utilisateurs n'ont rien à voir avec les utilisateurs open source, merci.
Exécuter le projet
Premier copie .env.sample .env modifiez le contenu à l'intérieur. Puis exécutez la commande suivante:
git clone https://github.com/lxdao-official/gclx-official.git
cd gclx-official
npm install
npm run dev
Ensuite, ouvrez http: // localhost: 3000 et vous pouvez voir le site Web.
Déploiement et services de base
- Enregistrement du domaine recommandé Porkbun - pas cher puis prend en charge les paiements de crypto-monnaie.
- Résolution de nom de domaine recommandée CloudFlare - Analyse gratuite, DDOS gratuits et service de conscience. Cependant, lors de l'utilisation de Vercel, il peut y avoir des problèmes et doit être configuré en fonction de la documentation officielle de Vercel.
- Le service de déploiement frontal a recommandé Vercel - 100 Go gratuit de trafic au début, la version 20 USD 1T de trafic, et est livré avec CDN, qui est rapide partout dans le monde. Prend en charge le déploiement intégré automatique de Next.js et React, il suffit de pousser Git. Prise en charge des FAAS et peut écrire une logique simple pour générer des jetons de menthe. Tant que vous payez, vous ne devriez pas avoir peur de la lance du service. Le CDN mondial est très rapide.
Si vous souhaitez vraiment économiser de l'argent ou résister aux attaques DDOS, vous pouvez également exécuter des fichiers npm run export vers des fichiers statiques purs et les stocker directement dans des ressources statiques telles que AWS S3 et Alibaba Cloud OSS. Si vous accrochez Cloudflare et ainsi de suite devant, il ne devrait pas pouvoir les accrocher.
Technologie et composants
- Next.js + react.js - Regardez la pile de technologies personnelles. Actuellement, Web3 utilise cet ensemble plus fréquemment.
- Ethers.js - J'ai choisi de l'utiliser car son protocole open source est le MIT. Le protocole LGPL utilisé par Web3.JS présente certains risques pour les projets commerciaux.
- TypeScript peut également être utilisé, je suis inutile, c'est juste un petit site Web statique, il n'y a pas besoin.
- WEB3MODAL - React Composant du portefeuille de liaison web3, protocole MIT plus populaire et largement utilisé.
- De plus, j'ai utilisé MUI pour la bibliothèque de composants car il est plus facile de personnaliser les thèmes et les schémas de couleurs, et les composants ont une gamme complète de fonctions. Par rapport à ANTD, il est préférable de coopérer avec Next.js. Antd's moins est un défaut.
- Outils de style que je préfère personnellement les composants stylisés.
- La première recommandation d'internationalisation est Linguijs, qui est mieux en coopération avec react.js, next.js, etc.
- La première recommandation pour les effets de défilement de parallaxe est React-Scroll-Parallax, qui sont tous deux des protocoles du MIT.
FAIRE
Il y a encore des endroits qui peuvent être optimisés pour ce projet, mais cela n'a pas été fait. Parlons-en si vous avez du temps, des besoins et des dons:
Qu'est-ce que LXDAO?
LXDAO est un DAO axé sur la R&D dans Web3. Notre mission est: réunir les Buidlers à Buidl et maintenir des projets précieux pour Web3, de manière durable.
