Content
@
https://warpcast.com/~/channel/fleek
0 reply
0 recast
0 reaction
Meison
@meison
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!!
1 reply
0 recast
0 reaction
Meison
@meison
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.
1 reply
0 recast
0 reaction
Meison
@meison
Tech Stack 🟣 Next.js – Frontend + SSR 🔵 Fleek – Web3 hosting on the edge 🟠 Ethereum (Arbitrum Sepolia) – Immutable storage 🟡 Wagmi + RainbowKit – Wallet connections
1 reply
0 recast
0 reaction
Meison
@meison
Set up Tailwind CSS and create lib/ & abi/ directories.
1 reply
0 recast
0 reaction
Meison
@meison
The Smart Contract 📝 We’ll store short links on-chain: 📌 Deployed on Arbitrum Sepolia 🔗 Contract: 0x2729D62B3cde6fd2263dF5e3c6509F87C6C05892
1 reply
0 recast
0 reaction
Meison
@meison
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.
1 reply
0 recast
0 reaction
Meison
@meison
Building the UI 🔗 Enter a long URL & short code 👛 Connect wallet via RainbowKit ⚡ Write to blockchain & generate shareable links
1 reply
0 recast
0 reaction
Meison
@meison
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!
1 reply
0 recast
0 reaction
Meison
@meison
Deploying on Fleek
1 reply
0 recast
0 reaction
Meison
@meison
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! 👇
0 reply
0 recast
0 reaction
