Nft Drop

NFT DROP React.js (Minting NFT's with thirdweb, Sanity, Next.js, Tailwind, TS)
Alternatives To Nft Drop
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Next.js102,8097,7163,6249 hours ago1,624September 23, 20221,568mitJavaScript
The React Framework
Swr26,0741345111 hours ago124September 12, 202291mitTypeScript
React Hooks for Data Fetching
Trpc23,2465611 hours ago332September 22, 2022100mitTypeScript
🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
5 days ago44gpl-3.0TypeScript
⭐️ Transform data chaos into clarity with JSON Crack - the ultimate JSON visualization solution.
Nativebase19,1064,2913055 days ago348September 23, 2022288mitTypeScript
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
Nx16,9551262648 hours ago846September 23, 2022698mitTypeScript
Smart, Fast and Extensible Build System
11 hours ago102gpl-3.0TypeScript
Lenster is a decentralized, and permissionless social media app built with Lens Protocol 🌿
Next Auth15,32921739 hours ago567August 01, 2022210iscTypeScript
Authentication for the Web.
18 hours ago158mpl-2.0TypeScript
There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.
Blitz12,675311a day ago421September 13, 2022206mitTypeScript
⚡️ The Missing Fullstack Toolkit for Next.js
Alternatives To Nft Drop
Select To Compare

Alternative Project Comparisons

NFT DROP With React.js



Google Google

This project was bootstrapped with Create React App.

Available Scripts

npx create-next-app nft-drop
cd nft-drop

Install Tailwind CSS with Next.js

Install Tailwind CSS

Install tailwindcss and its peer dependencies via npm, and then run the init command to generate both tailwind.config.js and postcss.config.js.

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Configure your template paths

Add the paths to all of your template files in your tailwind.config.js file.

module.exports = {
  content: [
  theme: {
    extend: {},
  plugins: [],

Add the Tailwind directives to your CSS

Add the @tailwind directives for each of Tailwind’s layers to your ./styles/globals.css file.

@tailwind base;
@tailwind components;
@tailwind utilities;

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

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

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

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

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

npm i @thirdweb-dev/react
npm i next-sanity
npm i react-hot-toast
npm i @sanity/image-url

imageScreenshot 2022-08-05 192410

Popular Nextjs Projects
Popular Reactjs Projects
Popular Frameworks Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.