Trying to make a website builder (a Wix clone)

HI all, I am building a Wix clone, I just finished with the interface of the Page builder, but I dont know how to start making the actual functionality of it. In another words , I want to make a drag and drop for HTML elements and style them using the UI not with code. Where should I start, what should I search for?
3 Replies
低级黑小明👑
I think you can build a simple version of it but not a clone, it's too much effort for one person. Essentially you're creating html and js code from drag&drop. There's much to search for since it's hardcore problem solving and programming. a simple example: you make an image drag and drop widget, when you drag it onto the body, it generates <img> tag with default attributes. then you'd need to either serlize the code or save it into the database. if you're just building it for portfolio/study, I think you can build a simple working version. but if you're trying to build a product I strongly advise against it. building this system requires lots of time just on design let alone implementation.
Diogo
Diogo13mo ago
GitHub
GitHub - jackblatch/QuickSend: Drag and drop email builder. Manage ...
Drag and drop email builder. Manage email lists, design and develop campaigns with the custom editor and send/schedule emails. - GitHub - jackblatch/QuickSend: Drag and drop email builder. Manage e...
Diogo
Diogo13mo ago
You could use the same approach for the website builder as this dev used on a email builder
Want results from more Discord servers?
Add your server
More Posts
UI for updating roleGot a quick question. I have a table displaying all the users in a course. Two actions can be perforTRPC ratelimiting endpoints (race conditions)I am currently having some problems with a race condition in my TRPC nextJS api. Essentially what iHelp to deploy my TRPC proj from a monorepo (turborepo) at VercelI'm trying to learn monorepo with TRPC, both are new for me and Im kind struggling to deploy it becawhy do i keep getting errors like errors like this on t3 turbo when trying to install packagesI keep getting errors when trying to install packages, im on apps/expo right now ```error An unexpeHow do I skip build step by files changes?I want to prevent build step triggered on Vercel evetime I update files like Readme or .vscode I trHow do I coerce this function to accept multiple types then conditionally change the output?Using traditional overloading approach doesn't seem to work as expected. Union types on parameters dUsing Custom Fonts Imported From NPM in The App RouterHello! I am attempting to use the `cal-sans` font with the app router. Before, importing it in theprisma type error on union type stored as jsonI am trying to convert my Cloud Firestore project to supabase due to some issues I have had with tranext-prisma-websockets-starter explanationThis is the repo I'm trying to copy websocket setup from... https://github.com/trpc/examples-next-prBest testing framework(s)Hey guys, I'm relatively new to testing but I want a testing framework with the most features in one