7 ms·

Show HN: Rapidpages – OSS alternative to vercel's v0

216 points by muratsu 3y ago

Hey everyone, Really excited to share what I've been working on. Rapidpages is a prompt-first online IDE, think midjourney for front-end developers. I've been working on this for a while and it's great to see some interest from companies like Vercel in this space. All you need for self-hosting is an OpenAI key and a GitHub oauth app. Simply clone the repo and play with it. It's also available on the cloud at www.rapidpages.io Please give it a try and let me know if you have any feedback, and if you like what I'm doing with Rapidpages, please give it a star on GitHub. Thanks!

mellosouls 3y ago
Sounds promising but website seems to require a login which shouldn't be required for examples.
- muratsu 3y ago
  Thanks for the advice! I'm working on building a gallery for people to be inspired next. In case if anyone wants to see what things may look like after a few simple prompts: https://www.rapidpages.io/r/clmuv2p2r0003l808x4pzdpe6 https://www.rapidpages.io/r/clmuv2p2r0003l808x4pzdpe6
  - benjaminwootton 3y ago
    You should just let people try it a few times. It seems a crime to get someone to your website then they click away because they can’t try it.
morgante 3y ago
The hosted version doesn't seem to work at all. Any time I enter a prompt it just brings me back to login.
- muratsu 3y ago
  Ah sorry if it wasn't clear, you need to login to be able to prompt. I need accounts to prevent openai abuse.
  - morgante 3y ago
    I did log in. It still just keeps bringing me back to the login page when I enter a prompt.
    - muratsu 3y ago
      That's odd! Do you have anything installed that would prevent from storing the session? Also happy to debug further if you don't mind jumping over to discord: https://discord.gg/W6jYq46Frd https://discord.gg/W6jYq46Frd
- DLA 3y ago
  +1 do loop of login
  - HakuG 3y ago
    Had it too, but worked with the the OP on discord. It's fixed for me now.
- residentraspber 3y ago
  This was happening to me until I started with a much shorter prompt at first. Then once you get to the editing view, you can use longer prompts.
nibab 3y ago
Great work! I think the barrier to entry here is going to gradually become smaller and smaller (as models become better and we see more multi-modal models) and the big differentiator here is that you will have lots of open source developers building functionality that is relevant to them (vs keeping this closed-source like Vercel). I am curious how much of the functionality in this area is "write code that does scaffolding and prompt engineering" vs "finetuning and model-level improvements".
- muratsu 3y ago
  100%!! You need one model to understand the initial prompt and figure out a development plan. Once the plan is created, the subtasks can be delegated to specialized smaller models (I think OSS will play a big role in this!).
  - nibab 3y ago
    have you explored using something more lightweight than react ? for example, wouldn't it be easier to generate vanilla html with tailwindcss ?
- toddmorey 3y ago
  I think this kills the CMS market—-companies like Contentful & Sanity that charge $400/mo+ just for a team to be able to edit their own website. There’s been a lot of money made (and web stack complexity added) because of how much domain-specific skill is required to created and edit html content. The only missing piece is direct framework integration (Next, Astro, etc) but at the rate of development I've seen for these projects we'll have that by next week. Then you have an intuitive site builder that operates directly on the page code just like another dev on the team. One thing Vercel got really right is being able to click on any element in the page for it to become the context of your prompt. That way, you don't have to type "change the top icon inside the third pricing box to red". Also you'll get faster responses because you don't have to feed the AI the entire page / component each time.
  - muratsu 3y ago
fuddle 3y ago
This is great, I'd love to see an explainer in the readme of how it works with OpenAI.
- chamoda 3y ago
  Pretty self explanatory in this section of the code base. https://github.com/rapidpages/rapidpages/blob/c5f9eacbaba93ce697f9a1a136de150c20c53ccf/src/server/openai.ts https://github.com/rapidpages/rapidpages/blob/c5f9eacbaba93c...
codetrotter 3y ago
Same problem here as experienced by others. When I try to use it it asks me to sign in with GitHub, but after having signed in with GitHub and I try to use it again, it still asks me to sign in again. The hamburger menu on your page shows that I am logged in, displaying my GitHub username and my email address. The prompt I used was not long either.
- muratsu 3y ago
  Do you mind refreshing and giving it another shot I've just pushed a quick fix
  - codetrotter 3y ago
    Thank you, now it works :)
marcc 3y ago
Type a prompt and then get asked to log in. I see this as a dark pattern because if I don't want to log in, I've put data and time into your site and not getting results. If you want to keep this workflow, I'd suggest maybe letting people try it once without logging in? Curious if you measure this and how much drop off there is between fill out a valid prompt and not logging in to see the results.
- deleted 3y ago
  [deleted]
k_vi 3y ago
pretty cool to include xkcd for the loading screen :)
ilrwbwrkhv 3y ago
I think the future is about to have a fork: dumb content and smart content. dumb content will be all the ai created articles, websites, music etc. and the actual creative people will move to creating much more intelligent works.
- sramam 3y ago
  Not sure I understand the rationale behind this comment in the context of OP. How would you classify RapidPages on your measure: smart or dumb?
  - ilrwbwrkhv 3y ago
    It will be used to create dumb sites which all look the same.
    - just-tom 3y ago
      There's no shame in websites looking similar. Not all websites must have a unique design and creative layouts. Some just want to make it about their unique content, and making it look like others' helps users navigate the familiar. Most cars, dishwashers and phones look the same, while only little small changes differenciate them from competitors. Not everyone should be the Apple or Tesla of their field. Tools like this make the deliverability of content faster, in familiar layouts.
geniium 3y ago
This is amazing! Have been looking at this. First steps to get prompt to Ui
TheSisb2 3y ago
How difficult would it be to feed in design system components to the AI? Design system building blocks could serve to improve the quality of outputs vs straight CSS/Tailwind
- geniium 3y ago
  Am wondering about the process it would require to build such thing. Maybe cut out in smaller component and then prompt from this smaller component image to code?
- muratsu 3y ago
  This is a good idea. I think this is worth experimenting with. Are you familiar with any repos with good design systems? I'll take a look when I've time.
  - volkandkaya 3y ago
    Basic design system https://github.com/versoly/versoly-ui https://github.com/versoly/versoly-ui also not React. Huge market outside of React for developers who just want a good looking UI.
  - nwienert 3y ago
    If you're interested in collaborating, I've been thinking of a feature like this for our platform (https://tamagui.dev https://tamagui.dev) to integrate with the studio we're launching soon, send me an email or DM on Discord.
    - geniium 3y ago
      This would be amazing
  - yawgmoth 3y ago
    Material UI / MUI is really popular. Fluent UI is another.
- fy20 3y ago
willsmith72 3y ago
Ok this is awesome. First ux is pretty shitty. Taking time to create a prompt, getting redirected to login, login successfully, then lose the prompt. Surely you can preserve the prompt with a cookie or even in the url. But the product is cool after that
- willsmith72 3y ago
  I can't get styling to work nicely. E.g. "make it dark mode" or "make the background dark and text light"
sarupbanskota 3y ago
Congrats on the launch Murat. What types of websites is it most suitable for in its current form?
- muratsu 3y ago
  Thanks!! So far, I have most success with more structured designs. B2B SaaS, simple shopping pages, and forms work the best. It’s really weak with graphic heavy designs (eg Apple).

216 points by muratsu 3y ago

mellosouls 3y ago

Sounds promising but website seems to require a login which shouldn't be required for examples.

muratsu 3y ago
Thanks for the advice! I'm working on building a gallery for people to be inspired next. In case if anyone wants to see what things may look like after a few simple prompts: https://www.rapidpages.io/r/clmuv2p2r0003l808x4pzdpe6 https://www.rapidpages.io/r/clmuv2p2r0003l808x4pzdpe6
- benjaminwootton 3y ago
  You should just let people try it a few times. It seems a crime to get someone to your website then they click away because they can’t try it.

morgante 3y ago

The hosted version doesn't seem to work at all. Any time I enter a prompt it just brings me back to login.

muratsu 3y ago
Ah sorry if it wasn't clear, you need to login to be able to prompt. I need accounts to prevent openai abuse.
- morgante 3y ago
  I did log in. It still just keeps bringing me back to the login page when I enter a prompt.
  - muratsu 3y ago
    That's odd! Do you have anything installed that would prevent from storing the session? Also happy to debug further if you don't mind jumping over to discord: https://discord.gg/W6jYq46Frd https://discord.gg/W6jYq46Frd
DLA 3y ago
+1 do loop of login
- HakuG 3y ago
  Had it too, but worked with the the OP on discord. It's fixed for me now.
residentraspber 3y ago
This was happening to me until I started with a much shorter prompt at first. Then once you get to the editing view, you can use longer prompts.

nibab 3y ago

Great work! I think the barrier to entry here is going to gradually become smaller and smaller (as models become better and we see more multi-modal models) and the big differentiator here is that you will have lots of open source developers building functionality that is relevant to them (vs keeping this closed-source like Vercel). I am curious how much of the functionality in this area is "write code that does scaffolding and prompt engineering" vs "finetuning and model-level improvements".

muratsu 3y ago
100%!! You need one model to understand the initial prompt and figure out a development plan. Once the plan is created, the subtasks can be delegated to specialized smaller models (I think OSS will play a big role in this!).
- nibab 3y ago
  have you explored using something more lightweight than react ? for example, wouldn't it be easier to generate vanilla html with tailwindcss ?
toddmorey 3y ago
I think this kills the CMS market—-companies like Contentful & Sanity that charge $400/mo+ just for a team to be able to edit their own website. There’s been a lot of money made (and web stack complexity added) because of how much domain-specific skill is required to created and edit html content. The only missing piece is direct framework integration (Next, Astro, etc) but at the rate of development I've seen for these projects we'll have that by next week. Then you have an intuitive site builder that operates directly on the page code just like another dev on the team. One thing Vercel got really right is being able to click on any element in the page for it to become the context of your prompt. That way, you don't have to type "change the top icon inside the third pricing box to red". Also you'll get faster responses because you don't have to feed the AI the entire page / component each time.
- muratsu 3y ago

fuddle 3y ago

This is great, I'd love to see an explainer in the readme of how it works with OpenAI.

chamoda 3y ago
Pretty self explanatory in this section of the code base. https://github.com/rapidpages/rapidpages/blob/c5f9eacbaba93ce697f9a1a136de150c20c53ccf/src/server/openai.ts https://github.com/rapidpages/rapidpages/blob/c5f9eacbaba93c...

codetrotter 3y ago

Same problem here as experienced by others. When I try to use it it asks me to sign in with GitHub, but after having signed in with GitHub and I try to use it again, it still asks me to sign in again. The hamburger menu on your page shows that I am logged in, displaying my GitHub username and my email address. The prompt I used was not long either.

muratsu 3y ago
Do you mind refreshing and giving it another shot I've just pushed a quick fix
- codetrotter 3y ago
  Thank you, now it works :)

marcc 3y ago

Type a prompt and then get asked to log in. I see this as a dark pattern because if I don't want to log in, I've put data and time into your site and not getting results. If you want to keep this workflow, I'd suggest maybe letting people try it once without logging in? Curious if you measure this and how much drop off there is between fill out a valid prompt and not logging in to see the results.

deleted 3y ago
[deleted]

k_vi 3y ago

pretty cool to include xkcd for the loading screen :)

ilrwbwrkhv 3y ago

I think the future is about to have a fork: dumb content and smart content. dumb content will be all the ai created articles, websites, music etc. and the actual creative people will move to creating much more intelligent works.

sramam 3y ago
Not sure I understand the rationale behind this comment in the context of OP. How would you classify RapidPages on your measure: smart or dumb?
- ilrwbwrkhv 3y ago
  It will be used to create dumb sites which all look the same.
  - just-tom 3y ago
    There's no shame in websites looking similar. Not all websites must have a unique design and creative layouts. Some just want to make it about their unique content, and making it look like others' helps users navigate the familiar. Most cars, dishwashers and phones look the same, while only little small changes differenciate them from competitors. Not everyone should be the Apple or Tesla of their field. Tools like this make the deliverability of content faster, in familiar layouts.

geniium 3y ago

This is amazing! Have been looking at this. First steps to get prompt to Ui

TheSisb2 3y ago

How difficult would it be to feed in design system components to the AI? Design system building blocks could serve to improve the quality of outputs vs straight CSS/Tailwind

geniium 3y ago
Am wondering about the process it would require to build such thing. Maybe cut out in smaller component and then prompt from this smaller component image to code?
muratsu 3y ago
This is a good idea. I think this is worth experimenting with. Are you familiar with any repos with good design systems? I'll take a look when I've time.
- volkandkaya 3y ago
  Basic design system https://github.com/versoly/versoly-ui https://github.com/versoly/versoly-ui also not React. Huge market outside of React for developers who just want a good looking UI.
- nwienert 3y ago
  If you're interested in collaborating, I've been thinking of a feature like this for our platform (https://tamagui.dev https://tamagui.dev) to integrate with the studio we're launching soon, send me an email or DM on Discord.
  - geniium 3y ago
    This would be amazing
- yawgmoth 3y ago
  Material UI / MUI is really popular. Fluent UI is another.
fy20 3y ago

willsmith72 3y ago

Ok this is awesome. First ux is pretty shitty. Taking time to create a prompt, getting redirected to login, login successfully, then lose the prompt. Surely you can preserve the prompt with a cookie or even in the url. But the product is cool after that

willsmith72 3y ago
I can't get styling to work nicely. E.g. "make it dark mode" or "make the background dark and text light"

sarupbanskota 3y ago

Congrats on the launch Murat. What types of websites is it most suitable for in its current form?

muratsu 3y ago
Thanks!! So far, I have most success with more structured designs. B2B SaaS, simple shopping pages, and forms work the best. It’s really weak with graphic heavy designs (eg Apple).