<h3 id="heading-objective">Objective</h3>
<p>Get the hang of Windsurf IDE, as a system engineer, I need to get my public IPv4 from web browser on daily basis, or provide it to clients to show what’s their IP.</p>
<h3 id="heading-prompts-and-launch-it">Prompts and launch it</h3>
<blockquote>
<p>build a nextjs project that will be hosted on vercel, which will display the ipv4 address of the user</p>
</blockquote>
<p>that’s it, the rest are simple:</p>
<ol>
<li><p>Push the repo to my github</p>
</li>
<li><p>add project at vercel</p>
</li>
<li><p>setup CNAME at my cloudflare</p>
</li>
</ol>
<p>That’s all<br /><a target="_blank" href="https://ip.howmun.dev/">https://ip.howmun.dev/</a></p>
<h3 id="heading-whats-next">What’s next?</h3>
<p>I am not a good at frontend developing, Windsurf is amazing and with the new upload image feature, CSS / tailwind seems to be a skippable subject, perhaps it’s time to get some freelance jobs. :)</p>
<p>There’s a few other simple project in mind, a Malaysian food calorie lists,</p>


### Objective

Get the hang of Windsurf IDE, as a system engineer, I need to get my public IPv4 from web browser on daily basis, or provide it to clients to show what’s their IP.

### Prompts and launch it

> build a nextjs project that will be hosted on vercel, which will display the ipv4 address of the user

that’s it, the rest are simple:

1. Push the repo to my github
    
2. add project at vercel
    
3. setup CNAME at my cloudflare
    

That’s all  
[https://ip.howmun.dev/](https://ip.howmun.dev/)

### What’s next?

I am not a good at frontend developing, Windsurf is amazing and with the new upload image feature, CSS / tailwind seems to be a skippable subject, perhaps it’s time to get some freelance jobs. :)

There’s a few other simple project in mind, a Malaysian food calorie lists,

AI Project 01 - What is my IPv4

Objective

Prompts and launch it

What’s next?