Fleek

Fleek it till you make it: Building a Web3 URL shortener 🚀

 @fleek it till you make it! 🚀
Forget boring, centralized URL shorteners—Web3 is calling. Let’s build a decentralized, censorship-resistant URL shortener using Next.js, Ethereum, and Fleek!!

Lightning fast onchain cloud. Effortlessly build, ship, and scale performant apps. Edge-optimized, low cost, self-sovereign. Use our app - https://fleek.xyz


🤝 Connecting like-minded enthusiasts and fostering collaborative growth.

Why Web3 for shortening URLs?
- Decentralization: No single entity controls the links.
- Censorship Resistance: No one can take down your links.
- Transparency: Every mapping is on-chain, verifiable by anyone.

Tech Stack 

🟣 Next.js – Frontend + SSR
🔵 Fleek – Web3 hosting on the edge
🟠 Ethereum (Arbitrum Sepolia) – Immutable storage
🟡 Wagmi + RainbowKit – Wallet connections

Set up Tailwind CSS and create lib/ & abi/ directories.

The Smart Contract 📝
We’ll store short links on-chain: 

📌 Deployed on Arbitrum Sepolia
🔗 Contract: 0x2729D62B3cde6fd2263dF5e3c6509F87C6C05892

Connecting the Next.js app to Ethereum
Create a .env file:

NEXT_PUBLIC_CONTRACT_ADDRESS=0x2729D62B3cde6fd2263dF5e3c6509F87C6C05892
NEXT_PUBLIC_RPC_URL={{YOUR_ARBITRUM_SEPOLIA_RPC}}

Load the contract ABI & integrate ethers.js to interact with it.

Automatic redirection!
Add a dynamic route in Next.js → /[shortCode].js.
Users can visit site.xyz/abc123, which fetches the original URL from the contract and redirects them instantly!

And BOOM 💥—your Web3 URL shortener is live, fully decentralized, and hosted on Fleek’s edge network.

🔗 Demo: https://shortener.on-fleek.app/
📂 Code: https://github.com/tobySolutions/shortener

Web3 + Fleek = the future of hosting 🔥
No servers. No centralized control. Just fast, censorship-resistant Web3 applications.

What would YOU build with Fleek? 🚀 Drop your ideas below! 👇

Building the UI 

🔗 Enter a long URL & short code
👛 Connect wallet via RainbowKit
⚡ Write to blockchain & generate shareable links