I used Claude to code a whole web page, and it labored higher than I anticipated

claude website.jpg


I’ve been seeking to construct web sites for rather a while now. The primary web page I constructed was once a tech weblog that I began as a zeal venture again in 2019. After that, I attempted development a portfolio web page, a couple of equipment, and a few different small initiatives, however I by no means actually succeeded in getting issues to the purpose I sought after. It typically takes numerous effort simply to get a website online up and working.

The largest drawback was once that I needed to depend closely on topics. The primary web page I constructed was once on WordPress, and I principally picked a random theme any individual else had already created, then began enhancing it by means of disposing of sections, converting textual content, and including my very own content material. Whilst that was once more uncomplicated than coding a whole web page from scratch, it nonetheless took an important period of time. I take note spending a number of days striking the whole lot in combination, or even then, the method didn’t really feel very modular. You most commonly needed to paintings round regardless of the unique theme allowed.

To explain, I’m now not actually a coding skilled. I will be able to write some code, however to not the level of establishing an entire web page solely alone, or no less than that’s what I used to suppose.

This time was once other. With the assistance of Claude, I in reality constructed a operating resume builder with more than one templates the place I will be able to select any structure, replace the ideas, customise sections, and export the overall model as a PDF.

Use Antigravity over Cursor for vibe coding

I attempted VS Code, Google Antigravity, and Claude Code for a month and one obviously ruled

The AI coding warfare has intensified.

Claude makes it such a lot more uncomplicated to construct web sites

It slightly takes any time to get issues up and working

A chum of mine just lately began in search of new jobs. They sought after to use for other kinds of roles, now not simply the only they’re these days doing, and that supposed they wanted more than one resumes. You’ll’t actually use the similar resume for each activity utility. Even if making use of for an identical roles at other corporations, you continue to want to tailor your resume to compare what each and every corporate is in search of, as a result of each function comes with moderately other expectancies and necessities.

So I determined to lend a hand them out by means of development a small web page that acts as a choice of resume templates. I used a few of their present resumes as references and created a couple of further templates the usage of Claude. I additionally constructed a easy touchdown web page the place they are able to open the website online, make a choice a template, and get started enhancing their resume.

The web page contains just about the whole lot you can need in a resume builder. You’ll upload a header symbol, exchange corporate trademarks, reorder activity roles, create new sections, and customise the structure then again you wish to have. As soon as the whole lot is finished, you’ll export the resume as a PDF and instantly get started making use of for jobs.

I take note the usage of paid equipment again in 2019 that locked resume templates at the back of subscriptions or one-time bills. I feel I paid round $50 for one in all them simply to get right of entry to templates and export PDFs. What shocked me is how simply one thing like this will now be constructed the usage of equipment like Claude.

This actual web page took me kind of an hour to construct, or even this is stretching it slightly. The core capability was once able in underneath quarter-hour. As a rule went into sprucing the UI, taking comments, and making small changes.

I’ve hosted it on Vercel for now, most commonly for comfort. It’s nonetheless an overly light-weight venture, however having it on-line makes it more uncomplicated to get right of entry to from any place, temporarily make edits, export PDFs, and observe for jobs with out coping with native information.

How Claude Code helped me construct this website online

It slightly took a couple of activates

claude code displayed on terminal window on mac laptop surrounded by colorful illustrated cats

I constructed this the usage of Claude, and it was once tremendous simple. It was once more uncomplicated than I believed. In reality, the section that in reality took numerous time was once connecting the website online to Vercel. I began with an easy instructed describing the type of instrument I sought after to construct. It was once one thing alongside the traces of:

Construct a contemporary resume builder web page with more than one resume templates. The homepage will have to can help you choose a template and get started enhancing instantly. The editor will have to permit converting textual content, reordering sections, updating corporate trademarks, including new sections, and exporting the overall resume as a PDF. Stay the UI minimum, speedy, and responsive.

That preliminary instructed on my own generated lots of the basis strangely temporarily. Claude treated the structure, elementary construction, enhancing capability, and total waft with out requiring a lot guide setup from my aspect.

From there, I subtle the venture thru herbal language directions. I requested for adjustments reminiscent of cleaner typography, progressed spacing between sections, further resume layouts, draggable function ordering, higher PDF export formatting, and extra customization choices for sections and corporate branding.

As soon as the core capability was once able, I used Anthropic’s Claude Code to maintain the deployment workflow as smartly. After connecting the venture repository, it helped set up the GitHub integration, push updates, and get ready the venture for deployment on Vercel. The reside deployment procedure changed into in large part computerized, the place new adjustments driven to the repository would mechanically cause recent Vercel builds and replace the reside website online.

Claude makes it tremendous simple to construct issues

Claude has come a ways from the place it was once a yr in the past. It’s now some of the best possible fashions available in the market for builders or even for individuals who simply wish to construct issues. I couldn’t have imagined development one of the vital issues I’ve constructed with Claude in only a few hours, even with days of labor prior to.

claude

OS

Home windows, macOS

Person pricing

Unfastened plan to be had; $17/month Professional plan

Workforce pricing

$100/month in step with individual for the Max plan

Claude is an AI assistant and LLM evolved by means of Anthropic.


laptop screen displaying code editor with terminal window showing html and css programming

I exploit OpenCode over Claude Code, and it is each bit as excellent

Beat-for-beat, feature-for-feature.


Leave a Comment

Your email address will not be published. Required fields are marked *