decentra-blog

所属分类:IPFS
开发工具:TypeScript
文件大小:0KB
下载次数:0
上传日期:2022-08-10 15:10:55
上 传 者sh-1993
说明:  去中心化web 3博客-solidity-hardahat-next js-typescript-tailwind css-ipfs \-区块链,
(Decentralize web 3 blog - solidity - hardahat - next js - typescript - tailwind css - ipfs \- blockchain,)

文件列表:
.eslintrc.json (40, 2022-08-10)
LICENSE (1073, 2022-08-10)
hardhat.config.ts (406, 2022-08-10)
next.config.js (137, 2022-08-10)
package.json (1190, 2022-08-10)
pages/ (0, 2022-08-10)
pages/_app.tsx (188, 2022-08-10)
pages/api/ (0, 2022-08-10)
pages/api/hello.ts (307, 2022-08-10)
pages/index.tsx (367, 2022-08-10)
postcss.config.js (82, 2022-08-10)
public/ (0, 2022-08-10)
public/favicon.ico (25931, 2022-08-10)
public/vercel.svg (1101, 2022-08-10)
scripts/ (0, 2022-08-10)
scripts/deploy.ts (0, 2022-08-10)
styles/ (0, 2022-08-10)
styles/globals.css (252, 2022-08-10)
tailwind.config.js (208, 2022-08-10)
tsconfig.json (552, 2022-08-10)
yarn.lock (201028, 2022-08-10)

[![Contributors][contributors-shield]][contributors-url] [![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url] [![Issues][issues-shield]][issues-url] [![MIT License][license-shield]][license-url] [![LinkedIn][linkedin-shield]][linkedin-url]

Decentra Blog

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. License
  5. Contact
  6. Acknowledgments
## About The Project
#### Web3 blog
### Built With - [![Node][node.js]][node-url] - [![Typescript][typescript.ts]][typescript-url] - [![Next][next.js]][next-url] - [![Tailwind][tailwind.css]][tailwind-url] - [![Solidity][solidity]][solidity-url] - [![Hardhat][hardhat]][hardhat-url]

(back to top)

## Getting Started To get a local copy up and running follow these simple example steps. ### Prerequisites - ###### Enviroment - node https://nodejs.org/en/download/ - ###### Pacakage manager - npm https://docs.npmjs.com/downloading-and-installing-node-js-and-npm ###### or - yarn https://yarnpkg.com/cli/install - ###### Browser - Metamask extension https://metamask.io/ ### Installation _I will use yarn to install dependencies_ 1. Clone the repo ```sh git clone https://github.com/elPoeta/decentra-blog.git ``` 2. Install NPM packages ```sh yarn install ``` 3. Clean ```sh yarn hardhat clean ``` 4. Compile ```sh yarn hardhat compile ``` 5. Start local ethereum network ```sh yarn hardhat node ``` 6. Tests ```sh yarn hardhat test ``` ### Steps - ##### Frontend 1. Next js https://nextjs.org/docs/basic-features/typescript ```sh yarn create next-app --typescript . ``` 2. Tailwind css https://tailwindcss.com/docs/guides/nextjs - _Install_ ```sh yarn add -D tailwindcss postcss autoprefixer npx tailwindcss init -p ``` - _Configure Paths file._ `tailwind.config.js` ```js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], }; ``` - _Add the Tailwind CSS directives_ `./styles/globals.css` ```css @tailwind base; @tailwind components; @tailwind utilities; ``` - ##### Backend 1. Remove `README.md` ```sh sudo rm -f README.md ``` 2. Hardhat _dev dependencies_ https://hardhat.org/hardhat-runner/docs/getting-started#overview ```sh yarn add -D ts-node ethers hardhat hardhat-deploy / @nomiclabs/hardhat-ethers dotenv typechain / @typechain/hardhat @typechain/ethers-v5 @types/chai / @openzeppelin/contracts ``` 3. Hardhat config file `hardhat.config.ts` ```ts import "hardhat-deploy"; import "@nomiclabs/hardhat-ethers"; import "@typechain/hardhat"; import { HardhatUserConfig } from "hardhat/config"; const config: HardhatUserConfig = { defaultNetwork: "hardhat", solidity: "0.8.9", networks: { hardhat: { chainId: 31337, }, localhost: { chainId: 31337, }, }, namedAccounts: { deployer: 0, }, }; export default config; ``` - ##### Common 1. Typescript config file `tsconfig.json` ```json { "compilerOptions": { "target": "es2020", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "esModuleInterop": true, "module": "CommonJS", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"], "files": ["./hardhat.config.ts"] } ``` 2. Package config file `package.json` ```json { "name": "decentra-blog", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint", "deploy:local": "hardhat run --network localhost scripts/deploy.ts", "test": "yarn hardhat test", "compile": "yarn hardhat compile", "start:localNode": "yarn hardhat node", "clean": "yarn hardhat clean" }, "dependencies": { "next": "12.2.4", "react": "18.2.0", "react-dom": "18.2.0" }, "devDependencies": { "@nomiclabs/hardhat-ethers": "npm:hardhat-deploy-ethers@^0.3.0-beta.13", "@openzeppelin/contracts": "^4.7.2", "@typechain/ethers-v5": "^10.1.0", "@typechain/hardhat": "^6.1.2", "@types/chai": "^4.3.3", "@types/node": "18.6.5", "@types/react": "18.0.17", "@types/react-dom": "18.0.6", "autoprefixer": "^10.4.8", "dotenv": "^16.0.1", "eslint": "8.21.0", "eslint-config-next": "12.2.4", "ethers": "^5.6.9", "hardhat": "^2.10.1", "hardhat-deploy": "^0.11.12", "postcss": "^8.4.16", "tailwindcss": "^3.1.8", "ts-node": "^10.9.1", "typechain": "^8.1.0", "typescript": "4.7.4" } } ```

(back to top)

## Roadmap - [x] Install dependencies :heavy_check_mark: - [x] Config project :heavy_check_mark: - [ ] Backend - [ ] TDD - [ ] Tests - [ ] Contract - [ ] Frontend - [ ] README

(back to top)

## License Distributed under the MIT License. See `LICENSE` for more information.

(back to top)

## Contact Leonardo Tosetto - leonardo.a.tosetto@gmail.com Project Link: [https://github.com/elPoeta/decentra-blog](https://github.com/elPoeta/decentra-blog)

(back to top)

## Acknowledgments - [Node js](https://nodejs.org/en/) - [Typescript](https://www.typescriptlang.org/) - [Solidity](https://soliditylang.org/) - [Hardhat](https://hardhat.org/) - [React](https://reactjs.org/) - [Next js](https://nextjs.org/) - [Vercel](https://vercel.com) - [Tailwind css](https://tailwindcss.com/) - [Metamask](https://metamask.io/) - [Img Shields](https://shields.io) - [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet) - [Choose an Open Source License](https://choosealicense.com) - [vscode](https://code.visualstudio.com/) - [vscode hardhat extension](https://marketplace.visualstudio.com/items?itemName=NomicFoundation.hardhat-solidity) - [vscode react snippets extension](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) - [vscode Tailwind CSS IntelliSense extension](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) [contributors-shield]: https://img.shields.io/github/contributors/elPoeta/decentra-blog.svg?style=for-the-badge [contributors-url]: https://github.com/elPoeta/decentra-blog/graphs/contributors [forks-shield]: https://img.shields.io/github/forks/elPoeta/decentra-blog.svg?style=for-the-badge [forks-url]: https://github.com/elPoeta/nft-marketplace/network/members [stars-shield]: https://img.shields.io/github/stars/elPoeta/decentra-blog.svg?style=for-the-badge [stars-url]: https://github.com/elPoeta/decentra-blog/stargazers [issues-shield]: https://img.shields.io/github/issues/elPoeta/decentra-blog.svg?style=for-the-badge [issues-url]: https://github.com/elPoeta/decentra-blog/issues [license-shield]: https://img.shields.io/github/license/elPoeta/decentra-blog.svg?style=for-the-badge [license-url]: https://github.com/elPoeta/decentra-blog/blob/master/LICENSE.txt [linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555 [linkedin-url]: https://www.linkedin.com/in/leonardo-tosetto [next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white [next-url]: https://nextjs.org/ [node.js]: https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white [node-url]: https://nodejs.org/ [typescript.ts]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=whitehttps://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white [typescript-url]: https://www.typescriptlang.org/ [tailwind.css]: https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white [tailwind-url]: https://tailwindcss.com/ [solidity]: https://img.shields.io/badge/solidity-%3E%3D%200.8.9-lightgrey [solidity-url]: https://soliditylang.org/ [hardhat]: https://img.shields.io/badge/hardhat-2.10.1-yellow [hardhat-url]: https://hardhat.org/

近期下载者

相关文件


收藏者