My first custom component ready for production!

Hey guys! I am super thrilled to have gone through building my first custom component from scratch. Here is a first look of it. Nothing to brag about, but feels like breaking new grounds.

Tbh, it was really daunting to even begin in the first place. I achieved it with the help of Cursor and Claude 3.5 Sonnet (pro plan). Took lots of prompting back and forth, and many iterations, but safe to say I barely coded things myself. Other than some simple lines that I understood (styling, alignments, etc) and were easy to change without needing to prompt.

Why I am sharing it, is to also kinda help others out who feel the same level of anxiety when even thinking of starting their custom component. There were a series of steps including an initial prompt to begin with, and then another prompt to continue developing while migrating from local to hosted. I spent about an equal amount of time on both stages and in total, about 3 weeks (3-4 hrs per day) to finishing it. Not sure if it is because of the complexity or just because it is my first rodeo.

Secondly, not everything loaded up as expected when I pushed it to the WeWeb Dev editor. So, I had to push it to production each time before I could see the changes when I updated the code on Cursor. This meant that the building process of the project was a little bit more lengthy with a few extra steps like committing to a repository, etc. Since it was being pushed to Production, I hid the page and accessed it by placing a hidden link on the page where only I would click it. This ensured that the data was passed along as expected.

Lastly, if anybody wants a more detailed run-through, I will post a write-up here as best as I can.

In the mean time, if anybody wants to check out my project (B2C, vedic astrology app) just so you get an idea of what is possible to be built using WeWeb, you may do so by going to this link right here.

Cheers!

4 Likes

Really cool :slight_smile: