plcholder

plcholder

"vibe coding" with phoenix liveview is next level, any tips and tricks?

I know alot of people hate the concept of vibe coding & ive tried it with several languages didnt really like it, but for some reason it just works so well for me with liveview & elixir. Maybe it’s elixir declarative syntax or liveview simple mental model, but it feels like I’m flying while using claude to generate liveview code all for 20 bucks a month. I have hated writing frontend code for so long, but now it feels like my illness has been cured, claude generates seemingly okay css, html and js that works with no hitch, it also seems to understand how phx works. I cannot complain, ive gone from maybe 4 hours of flicking through css and mdn docs in order make a subpar unresponsive UI to generating a great UI in under 30 minutes

any tips or recommendations to enhance this experience, especially for elixir/phx i know jose has tidewave and i will check it out, but is there any other must have toolsets, price saving models etc to surf the “vibe”

Most Liked

egze

egze

I don’t even have a paid subscription, the free version gets the job done for me :slight_smile:

I first prototype a page/app on v0.dev, then take the markup and adapt it to HEEX either myself, or with Claude/ChatGPT. And then I work with it in the editor (zed), with some help from Claude for the final touches. The actual LiveView I write myself, maybe sometimes I ask AI to write a component, or a JS hook.

Some recent prompts:

page is not optimized for dark mode. Let’s fix it

footer is not looking good, especially on mobile. fix it

Adapt help page, according to the information on the homepage

Where Next?

Popular in Dev Env & Tools Top

New
jswanner
I was about to reply to Why doesn’t Phoenix use Conventional Commit prefixes? - #41 by sodapopcan with some git aliases that I use for th...
New
AstonJ
If you use a VPN or are interested in any please vote in the poll - you can select as many options as you want :icon_biggrin: I’ve added...
New
AstonJ
Inspired by @jdiago’s post containing this slide: I thought it would be interesting discussing what independent languages like Elixir...
#ai
New
AstonJ
Welcome to our thread for Linux users :smiley: Mac users please use this thread Windows users please use this thread For those who dis...
New
ricksonoliveira
Hey folks, I have been looking for an alternative to good old VsCode for a while. Have tried some vim and emacs editors with their plugi...
New
Cervajz
Code at the speed of thought Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. It’s also open...
New
AstonJ
Just noticed mine has gotten quite unwieldy and should probably be split into multiple files - but curious how big everyone else’s is! (...
New
AstonJ
How fast is your internet connection? (And how much do you pay?) You can test via www.speedtest.net and to embed results into your post...
New
dogweather
First, the downsides. I periodically fire the AI. :smiling_face_with_tear: ^^ This was earlier today in Cursor AI, working with “Clau...
New

Other popular topics Top

9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
josevalim
Hi everyone, One of the features added to Elixir early on to help integration with Erlang code was the idea of overridable function defi...
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New
_russellb
I want to try my hand at web scraping. What tools/libraries do I need to use. I’m hoping to turn this into something professional so don’...
New
malloryerik
Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...
New
polypush135
As many of you may have realized by now (sorry for all the posts here) I’ve been working on a db problem where I’m trying to aggregate a ...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
AstonJ
We’ve put together this wiki for Phoenix LiveView - please feel free to add any info you feel is worth including. What is Phoenix LiveV...
New

We're in Beta

About us Mission Statement