

# run the local next.js development server at localhost:3000 # clone the repo and checkout the correct branch The following paragraphs will explain the key concepts and code parts. If you just want to read here and see the code, checkout the part-1-complete branch. It is not too complicated so if you want a challenge giveyourself 15min to 1h and try to code it yourself. But if you want to follow along and code some parts yourself you can checkout the part-1-start branch and fill in the gaps marked with //TODO. The main branch is the finished version that is currently hosted on. The kitty explorer github repository can help you along this first part. If you do not know the listed, maybe start here and navigate your path through the web of free tutorials. You should be able to navigate github and use the terminal. you should be fluent in html + css + js and have already tried react.

This should not be your first frontend app, i.e. Part 3 will cover realtime updates and notifications as well as. Part 2 will focus on the usage of an API to periodically refresh the UI with fresh data from the blockchain, adding some simple statistics (e.g. If you already know all that, you can skim this tutorial and wait for the second part, or look at the kitty-explorer github repo. How to use static site generation for fast site creation How to use react + nextjs to create a fast serverless front-end You are reading part 1/3 on how to create a nifty front-end for your favorite NFT collection on singular.app using the latest web frameworks with advanced caching mechanisms.
