Metanft leverages key dependencies like Next.js, React, TailwindCSS, and various Radix UI components. It also utilizes libraries such as tsParticles, Axios, and Zod for enhanced functionality and user experience.
├── .eslintrc.json
├── .gitignore
├── README.md
├── app
│ ├── favicon.ico
│ ├── globals.css
│ ├── layout.tsx
│ ├── metanft
│ │ └── page.tsx
│ └── page.tsx
├── components.json
├── components
│ ├── Description.tsx
│ ├── Form.tsx
│ ├── Header.tsx
│ ├── MaxWidthWrapper.tsx
│ ├── MoodToggle.tsx
│ ├── Select.tsx
│ ├── theme-provider.tsx
│ └── ui
│ ├── badge.tsx
│ ├── button.tsx
│ ├── card.tsx
│ ├── drawer.tsx
│ ├── dropdown-menu.tsx
│ ├── form.tsx
│ ├── input.tsx
│ ├── label.tsx
│ ├── select.tsx
│ ├── sparkles.tsx
│ └── typewriter-effect.tsx
├── hooks
│ ├── useNetwork.ts
│ └── useResponse.ts
├── lib
│ └── utils.ts
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│ ├── next.svg
│ └── vercel.svg
├── tailwind.config.ts
└── tsconfig.json
- app: Main application logic and entry point.
- app/metanft: Specific functionality related to NFT metadata.
- components: Reusable UI components for the application.
- components/ui: UI-specific components for the application.
- hooks: Custom React hooks for managing state and logic.
- lib: External libraries or utilities used in the project.
- public: Static assets and files served to the client.
- react-hook-form: Efficient form management library.
- axios: HTTP client for data fetching.
- zustand: State management solution.
- next: React framework for server-side rendering.
- framer-motion: Animation library for React.
- tailwindcss: Utility-first CSS framework.
- typescript: Typed superset of JavaScript.
- tsparticles/react: Particle animations for React.
1.Clone the metanft repository:
git clone https://github.com/codescalper/metanft
2.Install the dependencies with one of the package managers listed below:
pnpm install
bun install
npm install
yarn install
3.Start the development mode:
pnpm dev
bun dev
npm run dev
yarn dev
[MetaNFT](https://metanft.10xeng.xyz/)