TeleportHQ - Powerful website builder to create, publish & export code | Pro...
source link: https://www.producthunt.com/posts/teleporthq-3
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
TeleportHQ
Powerful website builder to create, publish & export code
@markus_sigel From my perspective, TeleportHQ allows you to integrate with developer codebases easier. I have not played around with Framers code import recently but I can vouch for the components exported from TeleportHQ.
We are doing catchup in comparison to Webflow when it comes to features though, no doubt about that.
Again, from my perspective, having real flexbox/grid layouts and zooming in and out of the page is a superior UX. Framer does not seem to have real flexbox layout, or I'm having a hard time learning how to use it.
Responsive layouts, especially fluid layout designs are easier to view in TeleportHQ compared to Webflow.
Another interesting feature that is rough around the edges now but coming along nicely is the ability of us developers to empower no-coders directly in the tool. We can code smart React/Vue components in TeleportHQ and make them available to you in the visual editor. For example, we don't have a clean way of offering a subscribe to newsletter component, but it take 5 minutes for a developer to create one and share it so that you can drag and drop it into a page build visually. What's even more interesting is that we can access and use virtually any ReactJS component available on NPM.
As a season developer, I would not mind integrating landing page / static content that a non coder creates in TeleportHQ in a large-scale project.
@markus_sigel, despite some similarities, we're having a few key-differences: - open-source code generators - multi-framework support - free code downloads - low-code approach with online coding capabilities - real-time collaboration - hosting on Vercel
Overall, TeleportHQ is designed as a low-code platform. To really enjoy it, a minimal set of HTML/CSS knowledge will be required.
However, we see more and more designers and non or less-technical users learning front-end building with the platform.
We're continously working on bringing new visual editing capabilities for non coders, but platform can be really empowering if you pass the initial ramp-up phase and you start to use some of our advanced capabilities.
@markus_sigel Non-coder here. Through my search for looking for a website creator that is slick and easy, TeleportHQ checked 99% of all boxes. It obvious that it is not fully feature rich yet, but at least for me it blew things like wordpress out of the water.
Also, I love the quick publishing to custom domains. It uses Vercel and it's lightning fast.
In my time of using it to create an online portfolio, (prupkey.com) I do however wish there were some simple functions available. The main one being an embed element. You can work around it using iFrames, but sometimes a simple box to paste some code into would be beneficial.
For me, it has been the only website builder that I have found worth paying for.
👋 I'm Paul, CEO of TeleportHQ. We're really excited to be here today!
My co-founder @gabi_cretu and I started our TeleportHQ journey in May 2017 with one main idea: making front-end development visual, collaborative, accessible and fun again!
Today we're celebrating the 120k users mark! 🎉
TeleportHQ is now a fully capable ecosystem of tools focused on helping front-end builders to create, collaborate and ship user interfaces way faster than traditional tools. The ecosystem is composed of 3 main elements:
👉 Visual Editor / main platform which enables collaboration, visual editing, online coding and publishing 👉 Figma plugin which generates the code of your designs in seconds 👉 Extensible open-source code generators (MIT License)
What's coming next?
Besides many general improvements, we're currently working on three main areas: 👉 connecting TeleportHQ with the main headless CMS-es (SSR and incremental updates support included) 👉 offering a custom coding experience with Next.js, fully integrated into the current visual experience of the platform 👉 building a marketplace/mechanism for sharing components/code/templates between projects/users
We would appreciate any feedback or ideas about our platform! We'll be around all day to answer to any of your questions.
Thank you for all your support!!!
* Links - https://github.com/teleporthq/te... - https://www.figma.com/@teleporthq
And from our R&D Labs, if you're curious... - -
I tell you my personal experience, and then you can do your own consideration.
I discovered Teleport HQ just a few months ago, but I wasn't interested in it, because I develop using WP or Webflow. A new client reached me out, and they wanted the source code for a project, so I ended up using Teleport HQ for it, and I was extremely satisfied.
After that my own website went down, and since then I had not the time to figure out what the problem was. I was already planning to rebuild the website, but still I don’t have the time right now, so I built a glorified “coming soon page” with it.
And since Teleport comes with hosting I now can take all the time I need, and I don’t have to care about that.
The development experience was really nice and easy. So much that I’m now building a website for a side hustle using it.
I went from “I don’t need this” to “I absolutely love this” in just a few weeks.
Congrats on the launch!
For me the best part is that you can export clean code that can be integrated further by devs with the backend. It's fast and ready to go, saving tons of time and glitches found usually in handing it off to devs. Also I like I'm not locked in some proprietary CMS like Webflow does.
Been working with Webflow and always missed exporting React. Now I can just sketch fast in Figma to have an idea what I build, and start fresh in Teleport, although you have also a plugin for Figma, but I prefer to build fresh in Teleport to minimise glitches. I also like the control you have in the advanced tab where you can control but also learn some code. Recently you got an option to copy paste code within pages, so basically you can find custom elements on the web and integrate them easily, customise, etc.
Now it's rough here and there in terms of interface but improvements are on the way. Once we have a full house of dynamic elements and CMS/Api integrations this tool might get bigger than Webflow in both adoption and valuation.
I think Designers with Teleport will be the new Front end developers. We'll ditch Figma completely at some point. Code to code directly :)
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK