Hey HN, my goal with Divjoy is to make it ridiculously easy to start a new React project. You just select all the things you want in your codebase (UI kit, React framework, auth provider, analytics, form handling, etc), pick a template, then export it as a complete codebase that you can keep building on. All the UI logic like routing and auth flows just works. It also has a built-in editor which I think is pretty nifty. You can view the entire component hierarchy right in the tool and drag in pre-built sections from the component library. I'm planning on building out a large library of components across all the major UI kits (Bootstrap, Material UI, etc) and adding support for Next.js soon.
This was by the far the most difficult project I've ever built. Would love to hear your thoughts and happy to answer questions.
This is awesome! I am a frontend noob and I've been learning a whole lot of things last 4 weeks and got a Vue SPA with Cognito auth, AWS amplify, Quasar and Vuex. I don't like the output I see in the browser and it pisses me off really. I am yet to cover UX, CSS/Stylus/SCSS and I see a bunch of bundle size warnings that I've no idea how to fix. For people like me, this project would reduce the bootstrap time significantly. I see you plan to add support for Vue etc but man, you're building something very valuable. Kudos.
Thanks for the kind words! Totally understand the frustration of trying to piece everything together. Been there many times and why I finally decided to give this idea shot :)
I love the idea and I’ll use it !!! One question: apart Framework can we have a ‘Not needed’ option for all other features? What if I want authentication with no styling at all..... Thanks a lot and keep up !!,
Yeah, I'm definitely considering that. Basically just wanted to wait and see if anyone asked for it. Out of curiosity, is that because you'd like to use a different UI kit or do you generally write styles from scratch?
It'd be pretty easy to strip the UI framework out if that's what you want - probably easier than starting with CRA :facepalm: I agree, though, this would be a great option.
Thank you, I think it is great idea and I love it. I need to play with it, but on the face of it, seems like solid idea and very useful tool. Thank you!
I personally like Bulma a lot and think it is useful, so either that or Material works for me.
Firstly, a big well done to you. This is absolutely amazing. I am pure backend dev struggling to get my idea up and running. This will solve my worry of auth and the initial design right away.
My questions:
Is there a way to contribute?
Are you planning to monetise this?
That's so great to hear! Please don't hesitate to reach out if you run into and issues. I'm going to be trying out some premium themes and components soon.
Hey Chris, yeah Gatsby is awesome! I use it on https://usehooks.com. They're doing some really interesting stuff with themes, component shadowing, and of course their whole graphql system. Not totally sure how Divjoy would integrate with all that stuff (or whether it should try) but going to be exploring that soon.
That's awesome, well done. Really nice that it exports to codesandbox as well so you don't even need to download anything. Would love to see support for TypeScript as well.
This is amazing. Creating a site from scratch takes a lot of time, WYSIWYG website builders are not very customizable. You are in the exact sweet spot I look for as a developer. Seriously great work !
That makes me very happy to hear. I'm trying to keep a pretty light abstraction over code. Over time going to build UIs over the code bits, like props, scoped style, etc.
hey joshi! What kind of website are you thinking of building? Would love to hear about why WYSIWYG website builders break down for certain use cases. We're thinking of using WYSIWYG builders interally
Classic 80/20 rule. I've used several of these in the past, and they always work great until you need that 1 thing that they don't support out of the box and then you have to spend half a day figuring out the JS hackery the builder uses so you can work around it to implement the one thing you need in it's subpar code editor that's hidden away in a submenu somewhere.
Thanks for making such as awesome CSS Framework! Planning to keep growing the library of pre-built section built on Bulma, so hopefully it can become a great resource for the Bulma community (at least those that use React).
Can you also do Gatsbyjs ? Building static sites is the most productive thing these days - especially for building landing pages and corporate websites.
I would pay for something like this (with a whole lot of themes)
I'm thinking a lot about Gatsby and how best to integrate with their way of doing things and their new themes system. Super excited about the potential there.
We recently started using another scaffold generator from http://scaffoldhub.io. It’s similar to this but geared more for apps than for marketing sites. It allows you to build out a complete data model and backend. It’s got a lot more features but they add complexity to the code that might not be needed for everyone.
Scaffoldhub looks cool. I can see how Divjoy looks like it's more geared towards marketing sites since that's pretty much what's in the component library right now. Going to be adding a lot of dynamic components over the next few weeks (think dashboards, social media feeds, activity dropdown menus, etc) and figuring out how to cleanly connect all this stuff up with backend options.
That's the proper thing to call it: scaffolding or boilerplate. "Codebase generator" sounds like an excuse to charge for the output it produces. Instead of that's just scaffolding I can imagine well, yeah, we used a codebase generator, that's just smart, isn't it? Should we do everything manually? Divjoy looks pretty cool but I think I'll avoid it out of principle.
Hey, is the main issue you have with Divjoy that it uses the term "codebase generator" or was there something about how it works that you didn't like? To be honest, I'm not a huge fan of "codebase generator" either. Open to changing it if it seems weird or meaningless to people.
It's been great seeing the early alpha to what it's become!
Divjoy is like a super powered create-react-app. great way to start off a project. being able to quickly add prebuilt components and essentially "eject" them makes customizing super easy.
the UI is intuitive and love the animating side drawer for the component library.
Maybe a little of both haha? I mean it is ridiculous how many services you need to bring together for a basic web app. On the other hand, I like that the React ecosystem is composed of a lot of services that each do one thing really well. So not sure a big monolithic framework is the answer. So this was kind of my attempt at a solution.
Readit News
This was by the far the most difficult project I've ever built. Would love to hear your thoughts and happy to answer questions.
I personally like Bulma a lot and think it is useful, so either that or Material works for me.
My questions: Is there a way to contribute? Are you planning to monetise this?
Congratulations on making the Web a more comfortable place for Delphi expats.
Can you also do Gatsbyjs ? Building static sites is the most productive thing these days - especially for building landing pages and corporate websites.
I would pay for something like this (with a whole lot of themes)
Divjoy is like a super powered create-react-app. great way to start off a project. being able to quickly add prebuilt components and essentially "eject" them makes customizing super easy.
the UI is intuitive and love the animating side drawer for the component library.
and :cheer: to exporting to codesandbox!