An open decentralized NFT Marketplace built with Solidity and Next.js, powered by Polygon Technologies. It basically is an open platform where users can mint and trade their own NFTs.

An open platform where users can mint their own NFTs and list them on a Marketplace or buy NFT from others. It includes:

A smart contract which represents a collection of NFTs by following the ERC-721 standard.

A smart contract which represents the NFT Marketplace and contains all the logic to make offers, execute offers...

A Next.js front-end application as a user interface.

NFTMarketplace Polygon(Mumbai Testnet) smart contract address:

https://mumbai.polygonscan.com/address/0xF5f6B924332C350E3Fcd3A50Fc94db822f0B760f

https://www.youtube.com/watch?v=kVIb7MGJ53k&t=36s

Users can access the application via web-browser, and must have the Metamask wallet installed. The interface, built with Next.js, relies on the ethers.js library to communicate with the smart contracts through Metamask. This means that the data reflected on the front-end application is fetched from the Polygon blockchain. Each action performed by the user (mint an NFT, sell NFT, buy NFT...) creates a transaction on Polygon, which will require Metamask confirmation and a small fee, and this transaction will permanently modify the state of the NFTMarketplace smart contracts. On top of it, user's NFT Metadata will be uploaded to the IPFS, generating a hash which will be permanently recorded on the blockchain to prove ownership.

Users can perform the following actions on the NFT Marketplace:

Input a name, description and upload a file (image) to mint an NFT. Once minted, a representation of this NFT will be displayed in the marketplace and it will be owned by its creator. This is open for everyone, meaning everyone can participate in this NFT creation through this platform.

A user can buy NFTs which someone else offered. This will require paying the requested price and a small fee.

Users can sell their NFT by specifying its price (in MATIC). If someone fulfills this offer, then the NFT and its ownership is transferred to the new owner.

Below you can view the current's smart contract functions (and its interactions).

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

First, it is required to install Metamask wallet browser extension: 

Next, you need to configure Metamask to connect to the desired blockchain by using the following link: 

 and add the network of your choice (Mumbai Testnet for now), by simply connecting your wallet from a test address.

You can get up to 2 test MATIC / day by pasting your address here: 

First, you will need to clone or fork the repository into your Github account:

git clone https://github.com/chrisstef/polyplace.git

Run the following command in your terminal after cloning the main repo:

At this point you will be able to run the frontend with:

Make sure to go through the official Docs: 

https://hardhat.org/hardhat-runner/docs/getting-started#overview

Initialize hardhat by running the following command:

First, you will have to set up a local network by running the following command:

After you are happy with your changes in NFTMarketplace.sol file, compile the smart contract:

Deploy the contracts on your local hardhat network by running the following command:

npx hardhat run scripts/deploy.js --network localhost

If all goes well, a new smart contract address refering the NFT Marketplace will be generated. Paste this address in the constants.js file.

Next, remove the argument provided in the JsonRpcProvider which is located in the 

Finally, run the frontend on a new terminal to open the User Interface:

A local instance of Polyplace will be up and running on your local environment.

An NFT marketplace made with Next.js & Solidity and deployed on Mumbai Testnet.

Hey Web2, here is a Web3 project, an NFT-Collection, made using Solidity, HARDHAT AND Next.Js, using the Rinkerby network!

nft-collection Solidity, HARDHAT AND Next.Js, using the Rinkerby network!

Next-Gen Crypto Wallet. A powerful crypto wallet for everyone with unique features.

You are granted a limited non-exclusive license to inspect and study the code in this repository.
You may not use this code in a commercial scope, please read our license.

 (recommended) running nvm use will automatically choose the right node version for you.

Clone this repo and install our dependencies:

git clone https://github.com/coingrig/coingrig-wallet cd coingrig-wallet yarn # this will install all dependecies cd ios && pod install && cd .. # install pods for iOS

(React Native CLI Quickstart -> [your OS] -> Android)

Finally, start the emulator from Android Studio, and run:

(React Native CLI Quickstart -> [your OS] -> iOS)

This library has adopted a Code of Conduct that we expect project participants to adhere to. Please read the 

 so that you can understand what actions will and will not be tolerated.

The Coingrig Wallet is licensed under the 

If you are interested in a commercial starter kit please contact us.

Next-Gen Digital Wallet. Crypto, Banking and Stocks

An NFT Marketplace running on ethereum, binance smart chain, polygon, avalanche, fantom, optimism and arbitrum powered by 0x smart contracts. Made in React/Next JS, MUI and Typescript.

This marketplace is the DexKit open source showcase on how to use 0x v4 nft smart contracts on a production app. Additionally, we are building a 

 with premium features to help artists deploy their own marketplace in an easy and secure way. Check our docs about it 

On this marketplace you can make offers and listings of ERC721 Tokens on the chains supported by 0x smart contracts, namely: Ethereum, Binance Smart Chain, Polygon, Fantom, Avalanche, Celo and Optimism.

git clone https://github.com/DexKit/open-nft-marketplace.git

Create an .env file with INFURA_API_KEY set with your Infura API key and then run the app

 for a more in depth way how to contribute.

We recommend Vercel to deploy this app, after you made your changes on the app.json config file, just use the button below:

Note that you need to set up INFURA_API_KEY to Next js be able to generate pages.

NEXT JS + Material UI+ Typescript + Boilerplat

Additionally we use trader sdk to handle nft smart contract interactions, react query to handle all http and blockchain requests, format js for internalization, web3 react to handle wallet logic. You can check our requirements 

We will be adding any new evm network that 0x smart contracts will support.

It is also planned to extract all common hooks and state used to interact with the blockchain to a library repo.

If you need a zero code solution we are building one currently in beta at 

 as well about it. Instead, if you want to deploy your own custom solution using this repo, please fork it, update the app.json file accordingly on the config folder and then deploy on Vercel (Recommended) or Heroku.

We welcome missing features, but take in mind that this repo is intended to be a base app for any dev to start working on, if it makes sense to have that feature on this base app we will include, if it is considered a premium feature, we will be including on our premium marketplace which uses this one as a base.

We at the moment consider premium features as follows:

- Fetch NFT and token balances via api without the need to import, using Alchemy for instance

- Collection level stats like orders, max supply, floor price, number of trades

We would like to thank ZRX project for these amazing tools and ZRX DAO for the support on building this open source app.

Buy, sell, and showcase NFTsfrom leading creators and brands

React NextJs UI Crypto.Com NFT Marketplace

0x9b6dd9b898c300037c8C245e8E619a0934158065

. They consist of 3 main characteristics, Area of Control, Weapon and Rank.

 Fire, Wind, Wave, Earth, Light, Shadow, Thunder, Space, Time, Gravity, Ice 

 Sword, Spear, Shield, Hammer, Saber, Axe, Bow, Staff, Wand, Fist, Dagger, Scythe, Mace, Blade, Katana 

 Lord, King, Emperor, Venerable, Ancestor, Saint, God

Enter the dApp and connect the wallet to rinkeby network.

Metamask pops up and asks to confirm the transaction.

After the transaction is successfully processed the user can see the minted character.

The minted character is also added to My NFT page under Minted Characters section.

EternalNFT ┣ client ┃ ┣ pages ┃ ┃ ┣ api ┃ ┃ ┃ ┗ hello.js ┃ ┃ ┣ \_app.js ┃ ┃ ┗ index.js ┃ ┣ public ┃ ┃ ┣ favicon.ico ┃ ┃ ┗ vercel.svg ┃ ┣ styles ┃ ┃ ┗ globals.css ┃ ┣ utils ┃ ┃ ┗ EternalNFT.json ┃ ┣ .gitignore ┃ ┣ README.md ┃ ┣ config.js ┃ ┣ package-lock.json ┃ ┣ package.json ┃ ┣ postcss.config.js ┃ ┗ tailwind.config.js ┣ contracts ┃ ┣ libraries ┃ ┃ ┗ Base64.sol ┃ ┗ EternalNFT.sol ┣ scripts ┃ ┗ deploy.js ┣ test ┃ ┗ eternalTest.js ┣ .gitignore ┣ README.md ┣ hardhat.config.js ┣ package-lock.json ┗ package.json

 (everything was installed and tested under v15.12.0)

Clone the project repository on your local machine

git clone https://github.com/AbhinavXT/EternalNFT.git cd EternalNFT

For running frontend locally run command:

Environment variables (not needed for running project locally)

A dapp to mint your own text-based NFT character. Built using Next.js, TailwindCSS, Hardhat, Solidity, and ethers.js

How to Build a Better NFT Marketplace with React, Solidity, and CometChat

>> How to Build a Better NFT Marketplace with React, Solidity, and CometChat

This example shows How to Build a Better NFT Marketplace with React, Solidity, and CometChat:

Clone the project with the code below.# Make sure you have the above prerequisites installed already! git clone https://github.com/Daltonic/timelessNFT PROVIDER_NAME cd PROVIDER_NAME # Navigate to the new folder. yarn install # Installs all the dependencies.

Create an Infuria project, copy and paste your key in the spaces below.

Update the .env file with the following details.ENDPOINT_URL=<PROVIDER_URL> SECRET_KEY=<SECRET_PHRASE> DEPLOYER_KEY=<YOUR_PRIVATE_KEY>

Create a CometChat project, copy and paste your key in the spaces below.

If your confuse about the installation, check out this 

A beautifully crafted Web3 project to help you build your next NFT marketplace.

Basic example for thirdweb NFTDrop frontend. You can deploy functions dropping nft and collection viewer.

(Japanese documentation) thirdweb の使い方 - 独自コントラクトの作成と「NFT の MINT サイト」の作り方を紹介

Basic example for thirdweb NFTDrop frontend. 

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as 

 to automatically optimize and load Inter, a custom Google Font.

To learn more about Next.js, take a look at the following resources:

 - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the 

Repor pembuat aplikasi movie untuk test menggunakan next tailwindcss & typescript

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

. This endpoint can be edited in pages/api/hello.js.

Curso Profesional de Next

An iMessage-App built using Next.js with Typescript, GraphQL, Node.js, Prisma & MongoDB

A advance clone of digikala includes products page, single product page, category, sorting, filtering, JWT authentication, login page, register page, edit user information, order cart, review and admin dashbord to add new product, accept reviews, add category, details and specification for category and more...

Digikala Clone NextJs

Next.js, React.js, TypeScript, TailwindCSS, NextAuth, Redux

The Tesla application is a fully-featured web application that allows users to experience the latest and greatest of Tesla's cutting-edge vehicles. Built with Next.js, React.js, TailwindCSS, NextAuth, Redux, and TypeScript, this application provides a seamless and user-friendly experience for Tesla enthusiasts and car shoppers alike.

The Next.js framework provides server-side rendering capabilities, optimizing the application's performance by reducing the time it takes for pages to load. React.js is used to build the application's UI, providing a modular and reusable component-based approach to building UI elements. TailwindCSS is utilized to provide a simple and efficient way of styling the application, providing a comprehensive set of utility classes that can be easily customized.

NextAuth provides secure authentication and authorization capabilities for the application, allowing users to easily create and manage their accounts. Redux provides a centralized state management solution, allowing for efficient state updates across the application.

Finally, TypeScript is utilized to provide strong typing capabilities and ensure a clean and maintainable codebase. With all these technologies working in tandem, the Tesla application provides a modern and cutting-edge experience for Tesla fans and car shoppers alike.

https://tesla-clone-ilywdd3c8-beniaminav.vercel.app/

Tesla Clone with  Next.js, React.js, TypeScript, TailwindCSS, NextAuth, Redux

Walmart clone with next.js

Amzon Clone with React - Next.js - TypeScript - Redux - Firebase - TailwindCss

Amazon Clone with React - Next.js - TypeScript - Redux - Firebase - TailwindCss

reddit clone in next.js 13

imdb clone build with next js and tailwind

LinkTreez is a linktree clone made using Next.js 13, Tailwind, and Daisy UI.

 LinkTreez is using Next 13's expiremental app directory.

git clone https://github.com/engageintellect/linktreez.git

A linktr.ee clone using Next.js 13 w/ experimental app directory.

This is a clone of cowrywise built with next.js, scss and gsap

Generate a full static production buildyarn build

A simple clone of Netflix built with React, Next.js, Tailwind CSS and Prisma

A simple clone of Twitter built with React, Next.js, Tailwind CSS and Prisma

Search exercises by name, body part, muscle target or equipment

you get videos on how to do that exercise

you get similar exercises of that target muscle

you get similar exercises that you can do with the same equipment

Get 3 daily meals all planned out based on the amount of calories that you input

Get macronutrients info for your generated meals

You're able to see servings, prep time and recipe details

To get a local copy up and running follow these simple example steps.

Recommended to use pnpm for better experience, but npm or yarn works for the commands below too.

Install all dependencies using: - npm install.

React components that are used for specific pages, the ones that are generic are placed inside the shared folder.

Main screen components like Home & MealPlanning are added here.

Runs the app in the development mode.
Open 

The page will reload when you make changes.

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

Fit Healthy Sesh(Session) - A fitness app which shows exercises and plans meals for you

new sonnylab.com website built with Next.js, React Three Fibre, and Tailwind with Twin Macro

Navigate into your new site’s directory and start it up.cd sonnylab.com/ yarn yarn dev

Your site is now running at http://localhost:8080!

website built with Next.js, React Three Fiber, and Tailwind CSS with Twin Macro

This project is built with HTML5, CSS, Tailwind, React (ES6), and Next Js. The form data will be sent to the FormSpree API for collection.

Only one background image at tablet and mobile size

All pages will reuse the following components:

Tailwind - only used for general styling like margin and padding

The organization of the styles.css will be(in descending order):

A three page website, built with Next Js, React, Tailwind, and HTML5.

design portfolio to showcase a few projects. Built with 

Personal Website (Next.js, Three.js and Framer Motion)

This work is my new portfolio site built with 

. A website presents a single page application with carousel consisting of sections presented in the header.

To run this project locally, you need to have 

git clone https://github.com/Domin-MND/portfolio . # clone the repository into the current directory npm install # for the dependencies installation npm run build # for the production build npm start # start the server

npm i -g vercel # install the Vercel CLI tool vercel # deploy the project

You can configure the project by editing the config.tsx files in the following components:

components/about/config.tsx (for the About card)

components/contact/config.tsx (for the Contact card)

components/footer/config.tsx (for the footer component)

components/header/config.tsx (for the header component)

components/skills/config.tsx (for the Skills card)

components/works/config.tsx (for the Works card)

This project supports i18n. If no translation is provided to the language - it will take the config information from the above tsx files. The english default translation folder must be named en and should never be deleted but may be modified.

All the available documentation regarding the creation & maintainability of the project is in docs folder.

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Huge thanks to these wonderful people for their contributions:


Translated portfolio to polish & helped with testing the web

Note: If you wish to help translate the portfolio to your language, please join the 

 license. You can freely use it for your own purposes.

A personal portfolio built with Next.js, Three.js & Mantine

This project is a web3 sandbox proof of concept, that allows users to purchase digital worlds in the form of NFTs, build upon them using 3D rendered blocks, and share those worlds inside of a metaverse that is saved to the blockchain.

The block-building gameplay aspect of this project was adapted from 

The proof of concept utilizes an in-game cryptocurrency, called MBlox, which faciliates the purchasing of different digital blocks for users to build with and the worlds in which they build.

The project is also playable without any web3 knowledge or integration; there is a "Sandbox" mode available from the Main Menu which allows a user to build within a provided digital world with an infinite number of blocks without the need of any web3 wallet connection or crypto balance of any kind.

This project was also deployed using Vercel (referenced in the stack above), and is available to play at the following address: 

NOTE: This project is a proof of concept, and not intended to represent a polished Web3 application. The contract system used in this application has not been audited, and I take no responsiblity for any issues that may arise out of its extended use.

There are four main aspects of gameplay within the project. These are as follows:

This aspect of gameplay allows users to convert their Polygon Mumbai Matic into the in-game currency (MBlox) to use within the game.

Alternatively, if the user has previously played by 

 and has earned the in-game METR token of that game with the wallet they have connected to this project, they will be able to claim a lump sum of MBlox equal to the difference their last claim and their current claim, (e.g. if they are claiming for the first time, the user can claim their entire METR balance as MBlox, and if they play METARANGERS since then and claim more METR since then, they can claim the new METR they have earned as MBlox)

This area of the project is where players can exchange their MBlox for the MetaBlox token, which represents the different blocks that can be used to build within the worlds of the game

The different variations of blocks that are available to the user are Dirt, Grass, Glass, Wood, Log, Lava, Gold, Opal, Amethyst, and Space.

As described earlier, this aspect of game allows the player to enter a digital world (equivalent to one of the worlds of the game) and build whatever they desire within it with an unlimited number of blocks at their disposal.

Players are unable to save anything that they create within the Sandbox to the blockchain, as this mode is intended to be an avenue of gameplay available to Web2 users.

This aspect of gameplay allows user to either purchase new worlds to build in, build in said purchased worlds, visit other user's individual worlds, or visit the MetaGrid itself, which is a vast digital world in which all one hundred available worlds within the project and rendered and laid out before the user, which they can explore in its entirety.

The different worlds are laid out in a grid of tiles, with coloured tiles represent worlds that are already purchased by users, and black tiles representing unclaimed worlds available for purchase.

This proof of concept uses a smart contract system that includes four implementations and seven interfaces. All the contracts were deployed to the 

, were written in the Solidity programming language and deployed using Hardhat, both of which are referenced in the stack displayed above. The implementations used in this smart contract system are as follows:

This contract represents the in-game currency that is primarily used to purchase the other tokens in the game.

Next.Js Example