Tokengated website with polkadot.js and next.js

[niklasp]

What is the title of your tutorial? A short and concice tutorial title.

Why would it help the Polkadot Dev Community Having parts of your website only accessible to users that hold a specific token is a common use case in web3. It is missing for polkadot / substrate nodes.

Tutorial Outline

• Intro to tokengated websites and why it is important
• Using the Polkadot JS API and signing a message to verify account ownership
• Redirecting users if they do not hold a certain (Token / Token + Amount / NFT)
• Server Side Chain Queries
• Using Next middelware for auth
• CSRF protection
• Conclusion

Checks You do not have to check all,

• [x] There is no similar tutorial alread around somewhere
• [x] I want to receive funding and have not already received funding for the tutorial
• [x] The tutorial is not published yet
• [ ] The tutorial is already published add link

[github-actions[bot]]

Cool, thank you for creating your first issue on polkadot.study.

[niklasp]

published: https://polkadot.study/tutorials/tokengated-polkadot-next-js/intro