🚨 Anthropic just showed a 27-minute workshop on how to actually do prompts for Claude.
Taught by the people who built it.
Free. No registration. No paywall.
I've seen $300 courses that don't cover what they teach in the first 8 minutes.
Watch it and bookmark it now.
WHAT I LEARNED
I learned more from building one landing page than from watching hours of tutorials.
Lessons I learnt from building Nexus are
Planning saves coding time.
Starting with a wireframe made implementation much easier.
Spacing matters.
Good spacing can instantly improve a design.
Consistency is everything.
Buttons, colors, typography, and layouts should feel connected.
Responsive design should not be an afterthought.
Design for mobile from the beginning.
Building teaches faster than consuming.
PROJECT COMPLETED
From wireframe to fully responsive landing page. Project completed. 🚀
Over the past few days I've been building a complete agency landing page called Nexus.
Built with:
✓HTML
✓ CSS
No frameworks, no templates. Just practice, learning, and consistency.
The best AI coding tool on the planet is free to run.
No subscription.
No credit card.
The real thing.
Here's the move 👇
Claude Code is agentic → it reads your whole codebase, plans across files, runs tests, fixes errors, and commits working code from one instruction.
The CLI is free to install.
The only cost is API tokens.
So you reroute it:
→ Install Claude Code Router (ccr)
→ Point it at Google Gemini 2.5 Flash Lite (free tier)
→ ccr catches every request, translates it, sends it back
Claude Code never knows the difference.
It just works. ⚡
Save this video, you'll want it the moment you start building.
Want the SOP? DM me.
FOOTER SECTION
Most people treat the footer as an afterthought. I don't.
Today I completed the Footer section of my Nexus landing page.
The footer is the final interaction users have with your website.
Frontend development isn't just about functionality.
It's about creating polished experiences.
Video and github live url below 👇
https://t.co/XjZRq45fWy
A beautiful website is useless if visitors can't reach you.
Today I built the Contact section of my Nexus landing page.
This section may look simple, but it's one of the most important parts of any business website.
My focus was:
✓ Clear layout
✓ Easy-to-find contact information
✓ Simple contact form
✓ Strong call-to-action
Features included:
• Email
• Phone Number
• Address
• Contact Form
While coding this section, I paid attention to spacing, alignment, and accessibility.
Most landing pages have an about section. Very few explain why the company exists.
Today I built the about section of my Nexus landing page.
For this section, I wanted to establish trust before asking users to take action.
Instead of filling the section with unnecessary text,
One thing I'm learning while building in public is that people don't buy products, they buy confidence.
Every section should answer "Why should I trust you?"
Remember this is built using HTML and CSS. Mobile-first principles.