OPRR Flash Depth Activities

Search Extension

Teach you how to get Alchemy Road to Web3 week 4 NFT

Greta

2022-08-22 11:53

Read this article in 11 Minutes

AI summary

View the summary

Original title: "Ten Billion Project Alchemy Road to Web3 Week 4 NFT Acquisition Tutorial"

Original text By Greta

What project is Alchemy?

In December 2019, Alchemy completed US$15 million Series A financing, the owners are Pantera Capital, Stanford University, Coinbase, Samsung, etc.

In April 2021, Alchemy will be completed at a valuation of 505 million US dollars 8000 $10,000 in Series B financing, led by Coatue and Addition, with participation from DFJ Growth, K5 Global, Chainsmokers, actor Jared Leto and the Glazer family.

In October 2021, Alchemy will be completed at a valuation of US$3.5 billion 2.5 100 million US dollars in Series C financing, led by a16z.

In February 2022, Alchemy closes$200 million at a $10.2 billion valuation Financing led by Lightspeed and Silver Lake.

Alchemy is a team with a strong background, sufficient funds, down-to-earth work, and no currency issuance. If you don't brush the project, should you brush the dirt dog?

Alchemy plans to use the new funds to promote Web3 adoption, some of the initiatives in this direction include The launch of Web3 University is the current Road to Web3 event. The event lasts for 10 weeks, with one NFT per week. After looking at the very small number of NFTs, it is estimated that due to the difficulty of the task, many small partners simply gave up. If such a project is airdropped, it is definitely a big deal.

Hands-on Week 4 Begins: How to Create an NFT Gallery

step1 Create Project Setup

1. Open the console and enter the following code to create a Next JS project template and Install Tailwind CSS.

npx create-next-app -e with-tailwindcss nameoftheproject, as shown in the figure.

2. Enter cd nameoftheproject && code . (Don’t drop the last point, the one that opens will be the previous project)

3. Enter npm run dev in the console, If the computer pops up the firewall, just click to allow access, it doesn't matter if it doesn't pop up.

4. Go back to vscode, change the suffixes of index.tsx and _app.tsx to .jsx, and delete the error reporting part in _app.jsx, as shown in the figure.

Or directly paste the code below to replace.

step2 modify index.jsx code

1. The meaning of each line of code in this step can be found in the official website. I will put the final code here for convenience Everyone gets the job done, but it's useless for learning web3. Change the code of index.jsx to the following code. As shown in the picture.

step3 create a new alchemy application

1. Enter alchemy.com, click create app.

2. Enter information and click create app.

3. Click the view key and copy the API KEY in the red box.

4. Go back to vscode, search for const api_key in index.jsx by ctrl+f, you should find 2 places, change all of them to the code copied in the previous step, and save.

< /h4>

step4 Create NFT Card component

1. Create a new name under pages Make the nftCard.jsx file and paste the following code into it.

step5 Run the test

1. Enter cd nameoftheproject in the console, press Enter, and then enter npm run dev, as shown in the figure.

2. Then http://localhost:3000 (here is this link, I see the official video is 3001, It may be different, I don’t know haha), it is the link in the first line of the above picture, copied to the browser. The following picture will appear.