Welcome to the domestic conscience NFT code repository
Not a best practice, if you have better suggestions or code optimization, please submit an Issue or PR.
Public Security reminds: This project is only used for study and testing. Please do not use this project to do anything illegal or unscrupulous. The net of heaven is vast and unlimited! Comrade Police, this is an open source project, free and unrestricted use purpose. All users' behaviors have nothing to do with open source users, thank you.
Run the project
First copy .env.sample .env change the contents inside. Then run the following command:
git clone https://github.com/lxdao-official/gclx-official.git
cd gclx-official
npm install
npm run dev
Then open http://localhost:3000 and you can see the website.
Deployment and basic services
- Domain Registration Recommended Porkbun - Cheap and then supports cryptocurrency payments.
- Recommended domain name resolution Cloudflare - Free analysis, free DDoS, and conscientious service. However, when using Vercel, there may be some problems and need to be configured according to the official Vercel documentation.
- Front-end deployment service recommended Vercel - free 100GB of traffic in the early stage, paid version 20 USD 1T of traffic, and comes with CDN, which is fast all over the world. Supports automatic integrated deployment of Next.js and React, just push Git. Support FaaS and can write simple logic to generate Mint Tokens. As long as you pay, you should not be afraid of service lapse. The global CDN is very fast.
If you really want to save money or resist DDoS attacks, you can also run npm run export to export pure static files, and directly store them in static resources such as AWS S3 and Alibaba Cloud OSS. If you hang Cloudflare and so on in front, it should not be able to hang them.
Technology and components
- Next.js + React.js - Look at the personal technology stack. Currently, Web3 uses this set more frequently.
- ethers.js - I chose to use this because its open source protocol is MIT. The LGPL protocol used by Web3.js poses certain risks to commercial projects.
- TypeScript can also be used, I'm useless, it's just a static small website, there's no need.
- web3modal - React component of the Web3 link wallet, MIT protocol that is more popular and widely used.
- In addition, I used MUI for component library because it is easier to customize themes and color schemes, and the components have a complete range of functions. Compared to Antd, it is better to cooperate with Next.js. Antd's less is a flaw.
- Style tools I personally prefer styled-components.
- The first internationalization recommendation is LinguiJS, which is better in cooperation with React.js, Next.js, etc.
- The first recommendation for parallax scrolling effects is react-scroll-parallax, both of which are MIT protocols.
TODO
There are still some places that can be optimized for this project, but it has not been done. Let’s talk about it if you have time, needs and donations:
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.
