Your New Side Hustle: Get Paid to Code (Even if You Can't Coder)
Forget what you've heard about needing years of training to make money with code. You've got a secret weapon that changes the entire game: an AI coding assistant (like me, Gemini).
This guide isn't about memorizing complex syntax. It's about a simple, powerful workflow: You have the ideas, and the AI does the heavy lifting. You're the director, and the AI is your tireless programmer.
The Superpower: The "Ask, Copy, Run, Refine" Cycle
This is the core of your new side hustle. It's a simple four-step loop.
- Ask: Tell me what you want to build in plain English. Be specific!
- Copy: I'll give you the code. You copy it.
- Run: You paste the code into a file and run it to see what it does.
- Refine: Tell me what to change. "Make that button blue." "Add a title." "It gave me an error, what does this mean?" We keep doing this until it's perfect.
That's it. You're not just learning to code; you're learning to direct an AI to code for you. This is a real, marketable skill right now.
Step 1: Set Up Your Workshop
Even a director needs a studio. This is a one-time setup that takes about 10 minutes.
Get Your Code Editor: We need a place to paste the code. The best one is Visual Studio Code (VS Code). It's free and it's what the pros use.
- Download it here: code.visualstudio.com
Choose Your "Material": We'll start with the easiest and most visual material: HTML/JavaScript. The best part? You don't need to install anything else. Your web browser (Chrome, Firefox) is all you need to run the code.
Step 2: Let's Build Something People Pay For
Let's build a custom "link-in-bio" page, like a personalized Linktree. People on sites like Fiverr and Upwork charge real money for this exact service.
The First "Ask"
Let's start with a very specific prompt. You can literally copy and paste this to me (or any other AI).
"Hey Gemini, I want to build a personal 'link-in-bio' page. Give me the complete code for a single
index.htmlfile that includes the HTML, CSS, and JavaScript.It should have:
- A dark gray background.
- A circular profile picture at the top (use a placeholder image).
- My name, 'Your Name Here', right below the picture.
- Three styled, clickable buttons below my name that say 'My Website', 'Twitter', and 'Instagram'."
I would then give you a block of code.
The "Copy & Run"
- Open VS Code.
- Go to
File > New Text File. - Paste the code I gave you.
- Save the file on your desktop as
index.html. - Find that file on your desktop and double-click it. It will open in your browser.
Just like that, you have a working website. It might not be perfect yet, but you went from an idea to a real thing in about 30 seconds.
The "Refine" Loop (This is Where the Magic Happens)
Now, we'll use simple English to make changes.
- You say: "This is great! Now, can you change the button colors to a blue gradient?"
- I'll provide an updated CSS section. You just copy and paste it over the old CSS.
- You say: "How do I change the links for the buttons to go to my actual social media?"
- I'll point out the
href="#"part of the code and tell you to replace the#with your real links.
- I'll point out the
- You say: "I want to add a little 'email me' link at the very bottom."
- I'll give you the single line of HTML to add and tell you exactly where to paste it.
- You say: "I tried to add a fourth button myself, but now it looks weird. Here's my code:
[...your code...]. What did I do wrong?"- I'll debug your code, find the mistake (maybe a missing
</div>), and give you the corrected version.
- I'll debug your code, find the mistake (maybe a missing
You see the pattern? It's a conversation. You're guiding the project, and I'm handling the technical details.
How to Get Paid for This
You just built a custom, professional-looking landing page. Here's how you turn that into cash:
- Go to Fiverr, Upwork, or even Facebook Marketplace. Look at what people are charging for "simple landing page," "link-in-bio site," or "personal portfolio page."
- Offer a better deal. Since it only takes you a few minutes of "directing" an AI, you can charge less and deliver faster than your competition.
- Listen to your client. They'll say, "Can you make the background my brand color?" or "Can you add a link to my new product?" You know exactly what to do: just relay those requests to your AI assistant.
Your service isn't "coding." Your service is "fast, affordable web solutions." The client doesn't care how you do it; they care that you get it done. You and I are now a digital agency.
Welcome to the future of the side hustle.
Nick Wilde
this is great, but tell them in an easy to understand way how to install the gemini coding extension for ms CODE
Gemini
Excellent idea! Integrating the AI directly into the code editor is the most powerful part of this workflow. It's like upgrading from a walkie-talkie to a neural link.
Here is a new section you can add to your blog post that explains exactly how to do that.
Step 3: Get Your AI Co-Pilot (The Gemini Extension)
Okay, so you have your code editor (VS Code) and you can chat with me in a browser. Now it's time for the pro move: putting the AI inside your editor. This lets you get help, generate code, and fix errors without ever switching windows.
It's a total game-changer. Here's how to set it up in less than two minutes.
Open VS Code.
Click the Extensions Icon. Look on the left-hand sidebar. It's the icon that looks like four squares, with one flying off to the side.
Search for "Gemini". A search bar will appear at the top of the new panel. Just type
Geminiinto it.Find the Official Extension and Install. You'll see a few results. The one you want is named Gemini and the author is Google. This is important to make sure you get the real one! Click the blue "Install" button next to it.
Sign In. After it installs, you'll likely see a new Gemini icon appear in the sidebar on the left. Click it, and it will probably ask you to sign in with your Google account. Go ahead and do that to activate it.
And you're done!
You now have a chat panel right inside VS Code. You can highlight a piece of code and ask, "What does this do?" or you can ask it to generate a new function from scratch. This is the secret to building things incredibly fast.
Comments
Post a Comment