Kerem Gurel
@keremgurel
[1/3] Updates on the onchain website builder project. We've managed to create a v1 grid structure that nails our ideal drag-and-drop experience - demo is in the thread. Big shoutout to my fellow builder Altinok for making this possible. First thing’s first, here's what's new as of day 15: 🔹 Launched a waiting list: 54 subscribers and counting - sign up at http://onchainsite.xyz 🔹 Built our landing and template selection pages 🔹 Developed the v1 page builder One of the most intuitive website building experiences I’ve come across is Squarespace’s grid structure, but I always felt it lacked flexibility in droppable regions. Our goal was to recreate that same intuitive feel but with tighter boxes and more precise drag-and-drop zones for greater control.
2 replies
3 recasts
6 reactions
Kerem Gurel
@keremgurel
[2/3] While there are excellent page builder libraries out there (like Craft.js by @prevwong), we decided to build our own solution for three key reasons: 🔹 Precise drag-and-drop: Existing libraries either had rigid drop zones or didn’t support our specific requirements for grid-based positioning. So we used react-dnd alongside a custom grid system to ensure precise, intuitive placement. 🔹 AI Integration: Since we’re planning to integrate an AI-powered building experience, we needed full control over how components move, resize, and style within our native grid system. 🔹 Custom resizer: We built a custom resizer native to our grid system, ensuring smooth adjustments across breakpoints while keeping everything structured. Feel free to ask away any questions - happy to share more about the journey as we build in public.
1 reply
0 recast
1 reaction
polymutex
@polymutex.eth
This is pretty cool. Any plans to put websites onchain via ENS for the domain names and ERC-6860/IPFS for website pages?
1 reply
0 recast
2 reactions
