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

AndyL
With this week’s release, ElixirLS bundles an experimental MCP Server. (see CHANGELOG) Highlights Added Call hierarchy provider imple...
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
plcholder
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...
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
blazejcm
Hi everyone! I’m wondering what the community would recommend as the best IDE toolchain (in VSCode) available today. I’m talking about s...
New
AstonJ
If you have any macOS tips or tricks, or a favourite way of using it, please share :icon_biggrin: For general chat about Macs, please us...
New
kayoj
Hello I have been testing different environments for Elixir development & noticed something odd. When I run the Elixir formatter loc...
#ai
New
AstonJ
Not sure I’m going to upgrade myself yet, but curious what others think: How are you finding it for dev? What are your thoughts of it g...
New
calebjosue
What sort of libraries are available to integrate LLMs into your Phoenix Web Framework applications? e.g. Mistral, since these guys have ...
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

chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 30048 115
New
yurko
Here are few pieces of (common) Linux knowledge that we use for reasonably small one server apps. We use Ubuntu but this should work for ...
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
stefanchrobot
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
New
vac
Hi, I'm quite new in Elixir and I'm trying to format a string to a PEM format. I have the certificate value like MIIDBTCCAe2...... and ...
New
freewebwithme
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
shahryarjb
Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...
New
vonH
When I run the Plug and I recompile I wind up having to use Ctrl C to quit iex and start again. Witht the help of rlwrap I can use the cu...
New
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

We're in Beta

About us Mission Statement