Lens-AL by @artlu.lens

A read-only / gated community, inspired by the Alchemy Road to Web3 Week 10.

A Decentralized Social Network with Lens Protocol 🌿

• Next.js w/ Apollo GraphQL client
• Lens Protocol via Lens API

Roadmap / Major milestones

1. ✅ show NFTs owned by this profile/address pair 🗸
2. ✅ show each profile's Following profiles 🗸
   1. ✅ replace "recommendedProfiles" with "members of R2W3 community" based on Follows 🗸
3. ✅ show comments on posts 🗸
   1. ✅ with little profile icons 🗸
4. ✅ dark mode ([src], with TailwindCSS [src]) 🗸
5. ✅ navbar at top/bottom of page (e.g., quick links to Lenster) 🗸
   1. dynamic breadcrumbs
6. ✅ Lit Protocol SDK to token-gate access 🔥 🗸
   1. ✅ for MintKudos Road To Web3 Week3 token holders 🔥+🎉 🗸
7. show other (arbitrary) profile attributes set by dApps, such as the list of attributes
8. add GDPR-compliant, open-source lite analytics

Links

• Week 10 kick-off tweet by @thatguyintech
• GraphiQL Bin for interactive query building
  • for endpoint, use: https://api.lens.dev/
  • h/t @gabrieldg.lens (GdG) )
• Lit Protocol
  • SDK docs
  • JS SDK API docs
  • @nader.lens's useful example

Technical debt

1. ✅ read from file for global config variables (e.g., initial Follow address, page limits) 🗸
2. remove wallet addresses, let the webapp remember/figure out the profileId mapping
3. icons for navbar text links, should look roughly like Mozilla Pocket navbar
4. Apollo "ensure all objects of type MetadataOutput have an ID"
5. recurse-with-limits instead of tree-based navigation. comments-on-comments should appear correctly
6. paging of API call results
7. replace Lens API call to get NFTs, with Alchemy NFT API call (slightly cleaner, simpler)

Deploy

This is a Next.js project bootstrapped with create-next-app. The easiest way to deploy a Next.js app is to use the Vercel Platform from the creators of Next.js. Further details in the Next.js deployment documentation.